HTML Tags For Use in Forms

Tag

Name

Code Example

Browser View

<FORM> form <FORM action="mailto:you@yourdomain.com">
Name: <INPUT name="Name" value="" size="10"><BR>
Email: <INPUT name="Email" value="" size="10"><BR>
<CENTER><INPUT type="submit"></CENTER>
</FORM>
Name:(Tip)
Email:
<SUBMIT> submit button A form must have a submit button specified or an alternate method defined to take the place of the submit button.
<FORM METHOD=post ACTION="/cgi-bin/example.cgi">
<INPUT type="Submit" VALUE="Submit">
</FORM>
(Tip)

<RESET> reset button A form can have a reset button specified to clear user data and start over.
<FORM METHOD=post ACTION="/cgi-bin/example.cgi">
<INPUT type="Reset" VALUE="Clear">
</FORM>
(Tip)

<INPUT> text input field Example 1:

<FORM METHOD=post ACTION="/cgi-bin/example.cgi">
<INPUT type="text" size="10" maxlength="30">
<INPUT type="Submit" VALUE="Submit">
</FORM>
Example 1:(Tip)

<INPUT>
(Internet Explorer)		 text input field Example 2:

<FORM METHOD=post ACTION="/cgi-bin/example.cgi">
<INPUT type="text" STYLE="color: #FFFFFF; font-family: Verdana; font-weight: bold; font-size: 12px; background-color: #72A4D2;" size="10" maxlength="30">
<INPUT type="Submit" VALUE="Submit">
</FORM>
Example 2:(Tip)

<INPUT> text input field Example 3:

<FORM METHOD=post ACTION="/cgi-bin/example.cgi">
<TABLE BORDER="0" CELLSPACING="0" CELLPADDING="2"><TR><TD BGCOLOR="#8463FF"><INPUT type="text" size="10" MAXLENGTH="30"></TD><TD BGCOLOR="#8463FF" VALIGN="Middle"> <INPUT type="image" name="submit" src="yourimage.gif"></TD></TR> </TABLE>
</FORM>
Example 3:(Tip)

<INPUT> text area input field Example 4:

<FORM METHOD=post ACTION="/cgi-bin/example.cgi">
Enter Your Comments:<BR>
<TEXTAREA wrap="virtual" name="Comments" rows=3 cols=20 MAXLENGTH=100></TEXTAREA><BR>
<INPUT type="Submit" VALUE="Submit">
<INPUT type="Reset" VALUE="Clear">
</FORM>
Example 4:(Tip)


<INPUT> select input field Example 5:

<FORM METHOD=post ACTION="/cgi-bin/example.cgi">
<CENTER>
Select an option:
<SELECT>
<OPTION >option 1
<OPTION SELECTED>option 2
<OPTION>option 3
<OPTION>option 4
<OPTION>option 5
<OPTION>option 6
</SELECT><BR>
<INPUT type="Submit" VALUE="Submit"></CENTER>
</FORM>

Example 5:(Tip)

Select an option:

<INPUT> radio input field Example 6:
Radio input forces a choice of one.
<FORM METHOD=post ACTION="/cgi-bin/example.cgi">
Select an option:<BR>
<INPUT type="radio" name="option"> Option 1
<INPUT type="radio" name="option" CHECKED> Option 2
<INPUT type="radio" name="option"> Option 3
<INPUT type="Submit" VALUE="Submit">
</FORM>
Example 6:(Tip)

Select an option:
Option 1
Option 2
Option 3
<INPUT> checkbox input field Example 7:
Checkbox input allows multiple selections.
<FORM METHOD=post ACTION="/cgi-bin/example.cgi">
Select an option:<BR>
<INPUT type="checkbox" name="selection"> Selection 1
<INPUT type="checkbox" name="selection" CHECKED>Selection 2
<INPUT type="checkbox" name="selection"> Selection 3
<INPUT type="Submit" VALUE="Submit">
</FORM>
Example 7:
(Tip)
Select an option:
Selection 1
Selection 2
Selection 3
<OPTION> listbox option <FORM METHOD=post ACTION="/cgi-bin/example.cgi">
<CENTER>
Select an option:
<SELECT>
<OPTION>option 1
<OPTION SELECTED>option 2
<OPTION>option 3
<OPTION>option 4
<OPTION>option 5
<OPTION>option 6
</SELECT><BR>
</CENTER>
</FORM>
Select an option:(Tip)