Your comments:
We would love to hear from you!

<p><label for="comments">Your comments:</label><br />
<textarea name="comments" id="comments" rows="7" cols="60"> We would love to hear from you! </textarea ></p>

Text

Your Name:
                 

<p><label for="name">Your Name:</label><br />
<input type="text"name="name" id="name" size="20" />
<input type="text" name="name" id="name" size="30" value="enter your name here" /></p>

Return to the Top

Password

<p><input type="password" name="id" id="id" size="20" /></p>

Radio Button

Hobbies:
Listening to Music
Watching TV
Surfing the Web
Reading
Bicycling

<p>Hobbies<br />
<input type="radio" name="activities" id="music" value="music" checked="checked" /> <label for="music">Listening to Music </label><br />
<input type="radio" name="activities" id="tv" value="tv" /> <label for="tv">Watching TV </label><br />
<input type="radio" name="activities" id="web" value="web" /> <label for="web">Surfing the Web</label><br />
<input type="radio" name="activities" id="reading" value="reading" /> <label for="reading">Reading</label><br />
<input type="radio" name="activities" id="bicycling" value="bicycling" /> <label for="bicycling">Bicyling</label></p>

Return to the Top

CheckBox

Hobbies:
Listening to Music
Watching TV
Surfing the Web
Reading
Bicycling

<p>Hobbies<br />
<input type="checkbox" value="music" name="activities" checked="checked" id="music" /> <label for="music">Listening to Music</label> <br />
<input type="checkbox" name="activities" value="tv" id="tv" /> <label for="tv">Watching TV</label><br />
<input type="checkbox" value="web" name="activities" id="web" /> <label for="web">Surfing the Web</label><br />
<input type="checkbox" value="reading" name="activities" id="reading" /> <label for="reading">Reading </label><br />
<input type="checkbox" value="bicycling" name="activities" id="bicycling" /> <label for="bicycling">Bicycling</label></p>

Return to the Top

Pull Down List

Hobbies:
TV Listening to Music Surfing the Web Reading Bicycling

<p><label for="hobbies">Hobbies</label><br />
<select name="hobbies" id="hobbies">
<option value="tv" selected="selected"> TV </option>
<option value="music"> Listening to Music </option>
<option value="web"> Surfing the Web </option>
<option value="reading"> Reading </option>
<option value="bicycling"> Bicycling </option>
</select></p>

Return to the Top

Scrolling

Hobbies:
TV Listening to Music Surfing the Web Reading Bicycling

<p><label for="hobbies">Hobbies</label><br />
<select name="hobbies" id="hobbies" size="3">
<option value="tv" selected="selected"> TV </option>
<option value="music"> Listening to Music </option>
<option value="web"> Surfing the Web </option>
<option value="reading"> Reading </option>
<option value="bicycling"> Bicycling </option>
</select></p>

Submit/Reset Buttons

<p><input type="submit" value="Submit my form" />   <input type="reset" value="Reset my Form" /></p>

Submit Button As An Image