HOME    articles    tutorials    tool directory    about

Free Email
META Tag Generator



Forms Part II: Advanced Forms

HTML Forms: Learn more about form elements and properties.

In part one of this series we focused on setting up a basic form on your website. We discussed the Form Element Attributes and began the Form Element Properties. In part two of this series, we will continue with the Form Element Properties and move on to some more advanced form options.

If you missed part one, you can find it here: http://www.cheapwebtricks.com/tutorial/forms_tutorial_part1.shtml

In part one of this series, we went over Text boxes, Hidden, Password and the Checkbox Form Element Properties. We will now continue with the remaining properties.

RADIO BUTTON

<INPUT type="radio">

Enables the user to select multiple options.

<FORM METHOD=post ACTION="/cgi-bin/example.cgi">
<INPUT type="RADIO" name="selection1"> Selection 1
<INPUT type="RADIO" name="selection2"> Selection 2
<INPUT type="RADIO" name="selection3"> Selection 3
<INPUT type="Submit" value="Submit">
</FORM>

Radio Button Attributes


TYPE - Radio
CHECKED - Specifies a default selection.
NAME - Name of the variable to be processed by the form processing script.
VALUE - The value of the selected radio button.


SUBMIT

<INPUT type="submit">

Enables users to submit the form information to the form processing script.

<INPUT type="SUBMIT" value="Submit">

Submit Attributes


TYPE - Submit
NAME - Name of the variable to be processed by the form processing script.
VALUE - Specifies the text to be displayed on the submit button.


IMAGE SUBMIT BUTTON

<INPUT type="image" SRC="url">

Enables users to submit the form information to the form processing script. Instead of the regular submit button, an image submit button will be displayed.

<INPUT type="image" name="submit" SRC="image.gif">

Image Submit Attributes


TYPE - Image
NAME - Name of the variable to be processed by the form processing script.
SRC - Image URL.


RESET

<INPUT type="reset">

Enables users to clear a form if necessary.

<INPUT type="RESET" value="Reset">

Reset Submit Attributes


TYPE - Reset
VALUE - Specifies the text to be displayed on the reset
button.


SELECT

<select></select>

Surrounds the code for a selection drop down menu.

<FORM METHOD=post ACTION="/cgi-bin/example.cgi">
<SELECT SIZE="5">
<OPTION>option 1
<OPTION>option 2
<OPTION>option 3
</SELECT>
<INPUT type="Submit" value="Submit">
</FORM>

Select Attributes


NAME - Name of the variable to be processed by the form processing script.
SIZE - Specifies the number of visible selections.
MULTIPLE - Enables users to select multiple selections.

next page


HOME    articles    tutorials    tool directory    about

(c) copyright 2000-2010 Anventure.  All Rights Reserved.
privacy policy