Dreamweaver - Forms - Adding a button
Go to the forms tab on the Insert menu:
Click on the  icon to create a new form. In Design view, the form is outlined by a dashed red line.
Once you've created a form, move your cursor inside the form area. Then click on the  icon to create a new button. Buttons are used to activate certain actions, such as submitting a form, or resetting a form's contents.
Here's the code for that example:
If you want to change the properties of the button, right click on it and select what you want to edit.
Selecting "Name..." pops up a window that allows you to change the name of the button.
Selecting "Label..." pops up a window that lets you change what text will appear on the button.
Selecting "Edit Tag <input>..." allows you to change all of the attributes at once:
- The "Name" field lets you change the name of the button.
- The "Value" field lets you change the text that appears on the button
- The "Disabled" checkbox greys out the button and doesn't allow the user to click on it.
Select "Edit Tag Code <input>..." if you want to edit the tag properties by hand.
Alternatively, you can change the properties of the button through the properties menu:
- The field under the label "Button Name" lets you change the name of the button.
- The "Label" field lets you change what text appears on the button.
- The "Submit form" radio button sets the type, name, and label of the button to "submit". When clicked, the button will perform whatever the form action is.
- The "Reset form" radio button sets the type, name, and label of the button to "reset". When clicked, the button will clear all of the fields of the form back to their default.
- The "None" radio button sets the type, name, and label of the button to "button". You will have to define your own "onClick" attribute for the button.
|
|
