Sample.html

 
<form method="post" action="">
First Name:<input type="text" size="12" maxlength="12" name="Fname" /> 
Last Name:<input type="text" size="12" maxlength="36" name="Fname2"/> 
Gender:<br/>
Male:<input type="radio" value="Male" name="gender" id="g1"/>
Female:<input type="radio" value="Female" name="gender" id="g2"/>
Favorite Food:</br>
Steak:<input type="checkbox" value="Steak" name="food[]" class="steak"/>
Pizza:<input type="checkbox" value="Pizza" name="food[]" class="pizza red border"/>
Chicken:<input type="checkbox" value="Chicken" name="food[]" class="chicken"/>
<textarea rows="5" name="quote-new-one" cols="20" wrap="physical">Enter your favorite quote!</textarea>
Select a Level of Education:<br/>
<select name="education">
	<option value="Jr.High">Jr.High</option>
	<option value="HighSchool">HighSchool</option>
	<option value="College">College</option>
</select><br/>
Select your favorite time of day:<br/>
<select name="TofD" size="3">
	<option value="Morning">Morning</option>
	<option value="Day">Day</option>
	<option value="Night">Night</option>
</select>
<div id='parent'>
	<p id="para1">Paragraph3</p>
</div>
<div id='parent1'>
	<p id="para1">Paragraph1</p>
	<div id="abc">
		<p id="para1">Paragraph2</p>
	</div>
</div>
<div id='parent3'>Paragraph4</div>
<ul id="list">
	<li>level1 - item1</li>
	<ul>
		<li>level2 - item1</li> 
		<ul>
			<li>level3 - item1</li>
			<li>level3 - item2</li>
			<li>level3 - item3</li>
		</ul>
	</ul>
	<li>level1 - item2</li>
	<ul>
		<li>level2 - item1</li>
		<ul>
			<li>level3 - item1</li>
			<li>level3 - item2</li>
		</ul>
			<li>level2 - item2</li>
			<li>level2 - item3</li>
	</ul>
</ul>
</form>