July, 2007
In this tutorial we will show you how to create a form (insert fields and buttons into the form and validate them) in Adobe Dreamweaver CS3.
The form elements can be inserted into a page through the Insert menu and then selecting the Form option.
Through this option you can access the list of all form objects that can be inserted in a Page.
Let's look at some of the different elements that can compose a form, and also some of its properties.
Open a New Document
Go to the Insert button at the Main Menu and select: "Form/Form"

After that go again to the Insert menu and select: "Insert/Form/Text Field"
The text field only allows the user to write a line.


Then repeat the action and choose: "Insert/Form/Text Area"
On the other hand, the Text Area allows the writing of many lines:


Now, if you want to add a button do the following:
Go to the main menu and select: "Insert/Form/Button".
The button can have three options assigned: Submit form, Reset form (clear all the form fields), or None, here, as an example I chose SUBMIT.


Now, lets add a Check box:
Go to "Insert/Form/Check Box"
Is a little square that can be activated or deactivated:
It can be set in its initial status as Checked or as Unchecked.

Finally, lets add a Radio button:
Go to "Insert/Form/Radio Button"
Is a little circular button that can be selected or deselected. If there are many in the same form only one can be activated. When you activate one, the others are automatically deactivated.


Have Fun!!
Download the original source files from this tutorial in Zip format Here
Copyright (c) 2007, Beatriz Mariniello, All Rights Reserved