Forms: HTML
Create the Reset and Submit Buttons

Create a Form Remember that you create a form field with the <FORM></FORM> tag pair.

Within the <FORM> tags will go the entire form, i.e. both the questions you ask and the form elements, i., e., the  box and button spaces where the user will supply responses.

To create most form elements, use the following code:
<INPUT TYPE="[form[" NAME="[name[">
This tag does not require a closing tag
  • The TYPE attribute specifies the kind of form element (e.g., text box, button, etc.) you want to display.
  • The NAME attribute specifies the class of information being gathered by that particular form element.
  • When the information is processed by the server it will be identified by the term you assign to the NAME attribute.
The Reset and Submit Buttons At the end of the form you should create two push buttons.

The Reset button allows a user to delete form data and start all over again.

The Submit button sends the data in the form to the server where you can retrieve it.

Example

To create a reset button, use the following code:
<INPUT TYPE="reset" VALUE="[reset message]">
[Reset message] is the text that appears on the button.

If you do not add the VALUE attribute to the tag the reset button will read Reset.

To create a submit button, use the following code
<INPUT TYPE="submit" VALUE="[submit message]">
[Submit message] is the text that appears on the button.

If you do not add the VALUE attribute to the tag the message on the button will read Submit Query.

Remember that this code goes within the <FORM></FORM> tag pair.

Forms: HTML
Overview
Create a Form
Create Text and Password Boxes
Create Radio Buttons
Create Checkboxes
Create Menu Boxes
Create Text Blocks
Create the Reset and Submit Buttons

Personal Home PageWeb Design CenterTutorial MenuTop of Page

Web Design Center
Last Revised: February 9, 2004
© Agatha Taormina