Widget: Selection list - HTML - HTML Snipplr Social Repository

Revision: 24573

at March 4, 2010 07:27 by jofan

Updated Code

<ul class="selectionlist">
	<li><input type="checkbox" />Level 1 Item 1
		<ul>
			<li><input type="checkbox" />Level 2 Item 1
				<ul>
					<li><input type="checkbox" />Level 3 Item 1</li>
					<li><input type="checkbox" />Level 3 Item 2</li>
					<li><input type="checkbox" />Level 3 Item 3</li>
					<li><input type="checkbox" />Level 3 Item 4</li>
					<li><input type="checkbox" />Level 3 Item 5</li>
				</ul>
			</li>
			<li><input type="checkbox" />Level 2 Item 2</li>
			<li><input type="checkbox" />Level 2 Item 3</li>
			<li><input type="checkbox" />Level 2 Item 4</li>
			<li><input type="checkbox" />Level 2 Item 5</li>
		</ul>
	</li>
	<li><input type="checkbox" />Level 1 Item 2</li>
	<li><input type="checkbox" />Level 1 Item 3</li>
	<li><input type="checkbox" />Level 1 Item 4</li>
	<li><input type="checkbox" />Level 1 Item 5</li>
</ul>

Revision: 24572

at March 4, 2010 07:25 by jofan

Initial Code

<ul class="selectionlist">
	<li><input type="checkbox" />Level 1 Item 1
		<ul>
			<li><input type="checkbox" />Level 2 Item 1
				<ul>
					<li><input type="checkbox" />Level 3 Item 1</li>
					<li><input type="checkbox" />Level 3 Item 2</li>
					<li><input type="checkbox" />Level 3 Item 3</li>
					<li><input type="checkbox" />Level 3 Item 4</li>
					<li><input type="checkbox" />Level 3 Item 5</li>
				</ul>
			</li>
			<li><input type="checkbox" />Level 2 Item 2</li>
			<li><input type="checkbox" />Level 2 Item 3</li>
			<li><input type="checkbox" />Level 2 Item 4</li>
			<li><input type="checkbox" />Level 2 Item 5</li>
		</ul>
	</li>
	<li><input type="checkbox" />Level 1 Item 2</li>
	<li><input type="checkbox" />Level 1 Item 3</li>
	<li><input type="checkbox" />Level 1 Item 4</li>
	<li><input type="checkbox" />Level 1 Item 5</li>
</ul>

Initial URL

Initial Description

Markup for a nested list of checkboxes.

Initial Title

Widget: Selection list - HTML

Initial Tags

list, html

Initial Language

HTML

Choose a language for easy browsing: