980px
1
2
3
<form action="form-example.html" method="post">
<!-- Form Elements Go Here -->
</form>

1. Text Input Boxes

Select Code
1
2
<label for="name">Name:</label>
<p><input name="name" type="text" size="15"></p>

2. Password Input Boxes

Select Code
1
2
<label for="password">Password:</label>
<p><input name="password" type="password" size="15"></p>

3. Radio Buttons

Select Code
1
2
3
<label for="gender">Gender:</label>
<p><input name="gender" type="radio" value="male"> Male</p>
<p><input name="gender" type="radio" value="Female"> Female</p>

4. Check Boxes

Select Code
1
2
<p><input name="spam" type="checkbox" value="yes"> I agree to a bunch of spam from you.</p>
<p><input name="reset" type="reset" value="Reset Form"><input name="submit" type="button" value="Submit Form"></p>

5. Select Menus

Select Code
1
2
3
4
5
6
<label for="color">Favorite Color:</label>
<p><select name="color">
<option value="red">Red</option>
<option value="green">Green</option>
<option value="blue">Blue</option>
</select></p>

6. Message Fields

Select Code
1
2
<label for="message">Name:</label>
<p><textarea name="message" cols="40" rows="10">Write your message here.</textarea></p>

7.  Submit & Reset Buttons

Select Code
1
<p><input name="reset" type="reset" value="Reset Form"><input name="submit" type="button" value="Submit Form"></p>

See Also: HTML Forms | W3 Schools

This portion of the Premium Design Works website is written by Mike Sinkula for the Web Design & Development students at Seattle Central College and the Human Centered Design & Engineering students at the University of Washington.

Leave a Comment:

Don't forget to get your Globally Recognized Avatar.

css.php