HOME articles tutorials tool directory books about
Our Other Sites
GoTraining
Get Training on what you need.
GoExam
Certification practice tests with free demos to download.
GoCertify
Complete computer certification resource center covering virtually every IT certification.
SearchCertify
links, links and more certification links!
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.
HOME articles tutorials tool directory books about
(c) copyright 2000-2010 Anventure. All
Rights Reserved.
privacy policy