Form Examples

Survey   -   About Me   -   24-Hour HTML Form Examples   -  Intro to Forms   -   Building Forms

TextArea

<textarea name="comments" rows="7" cols="60"> We would love to hear from you! </textarea >

Return to the Top

Text

<input type="text" name="first" size="20">
<input type="text" size="30" value="enter your name here" name="second">

Return to the Top

Password

<input type="password" value="password" size="20">

Return to the Top

Radio Button

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

Return to the Top

CheckBox

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

Return to the Top

Pull Down List

<select name="activities">
<option value="tv" 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>

Return to the Top

Scrolling

<select name="activities" size="3">
<option value="tv" 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>

Submit/Reset Buttons

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

Submit Button As An Image

<input type="image" name="submit" src="images/submit.gif" width="94" height="26" border="0" alt="submit">

Return to the Top