|
Text fields
Text fields are most commonly used for collecting one line of information at a time from the user. Some, or all, of the information can be designated as required (note red asterick beside Name and E-Mail Address fields). Without these required fields completed, the form will not be submitted and a dialog box appears showing what fields need to be completed, through use of a form validation code.
|
*Full Name:
|
*E-Mail Address:
|
Street Address:
|
Town or City:
|
State:
|
Zip Code:
|
|
|
|
Radio Buttons
The user can only check one radio button. It is best used with questions that have only one answer. Such as:
Do you want to be on our e-mailing list?
Yes:
No: |
|
Form Menu
A menu is a list of choices from which the user can make either one or multiple selections, depending upon how the menu is set up. For example,
The Text on the Web page uses two pull-down menus, each menu allowing a single selection at a time, to first change the text color and then the background color of the page.
|
|
The menu below is an example of one that allows multiple selections.
By including the multiple attribute within the select tag you create a scrolling menu, from which the user can chose one, or every item on the list.
Select your favorite cartoon characters from the scrolling menu below. To do this: For PC users - hold down the Ctrl key when you select. For Macintosh users - hold down the Option key when you select. If you want to change your selection, just click on the "Select your favorites" option and start again.
If the multiple attribute is not included within the select tag, then a pull-down menu is created. This menu allows only one item to be selected.
|
|
Text Area
A text area form field creates a box for a user to write multiple lines of text. This is good for soliciting opinions, or gathering extra information that is not included in the other form elements. Such as:
Please type in additional information in the box below:
|
|
|
Submit and Reset Buttons
The submit button, when clicked, sends all the user inserted information to a specified recipient, via e-mail. The reset button clears all user entries on the form. The text on the buttons can be customized, or an image can be used for the buttons. It is a good idea to have a closing statement to let the user know that the form has been finished. Such as:
You have completed the form.
Please Note: Due to spamming, the submit and reset buttons have been removed.
|
Back to Top |
