Start Basics Color Forms Frames Images Links Lists Tables Type

Forms: Dreamweaver 4
Create the Reset and Submit Buttons

At the end of a form you should add 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
[FrontPage Save Results Component]

To add a push button to your web page using Dreamweaver, you can choose Insert, Form Objects, Button from the main menu.

Form Objects Dropdown Menu

You can also click on the Insert Button button on the Forms Object Panel.

Insert Button button
Insert Button button

If you have not already created a form field to hold your form element, a dialog box will appear and you will be asked whether you want to add a form tag to your page.
Add Form Tag?
To function, a button must be placed within a form field.

Click on Yes.

Your button will appear and be surrounded by a dotted red line. This dotted line delineates the form field.

Notice that when you insert a text field the Property Inspector displays the attributes of that form element.
Submit Property Inspector
By default your button is labeled Submit and the Submit form action is selected.

If you want to change the label on the button, type in the new label in the ButtonName text box.

If you wish to change the lettering on the button itself, type in a new value in the Label text box.
If you wish to use the button to reset the form (i.e., delete the answers and start all over), select Reset form in the Action field.

Forms: Dreamweaver 4
Overview
Create a Form
Create Text and Password Boxes
Create Radio Buttons
Create Check Boxes
Create a Drop-Down Menu
Create a Scrolling Text Box
Create the Reset and Submit Buttons

Start Basics Color Forms Frames Images Links Lists Tables Type

Personal Home PageWeb Design CenterTutorial MenuTop of Page

Web Design Center
Last Revised: September 2, 2001
© Agatha Taormina