Home » Tutorials » Dreamweaver
| Note: This tutorial is done by Macromedia
Dreamweaver MX. |
First create a new page and save it as form.html
Go to and Insert > Form and after insterting
from, point your cursor inside the Form field and go to
Insert > Table and enter the values
as shown below. Then click OK

|
After inserting table, type on the left side Name
in first row, Email in the second, and
Comments in the third row. On the right
side insert text field to every row.

|
Select the first text field in the first row and give it
a name of Name in the properties field,
it should be single line.

Select the second text field in the second row and give
it a name of Email, it shouldbe sinle line
too. Now for the third one, give it a name of Comments
and instead of single line choose multi line. After the
Comments text field insert a Submit
button. |
|
|
Now go to Window > Behaviors

Now select the Submit button and click
on the + on the Behaviors
toolbar and Select Validate Form

|
Now from the pop up window select Email
and choose Required checkbox and Email
Address radio button. For the Comments
just choose Required check box with Anything
radio button.

Click OK |
Save your file and open it in browser, F12.
Now test it, try to submit without filling up anything,
try to enter email without @ sign...etc.
You can view the form.html [here]
 |
Related Dreamweaver Tutorials |
| |
 |
How to backup Dreamweaver New
Backup your templates, extensions, behaviors...etc |
| |
 |
Creating CSS in Dreamweaver MX 2004
Learn how to create and apply CSS in Dreamweaver |
| |
 |
Create Rollover/MouseOver effect
Rollover effect made easy with Dreamweaver |
| |
 |
Opening a Fixed Size Window
Learn how to open a window in a fixed size |
| |
 |
Redirection based on Browser Type
Learn how to make redirection script with Dreamweaver |
| |
|
|
|
 |
|