Making Forms in Dreamweaver

This week I learned how to make an accessible for on a web page and validate one of the fields to assure it is filled in correctly.  Dreamweaver makes this so easy.

 Above is the form tool bar that I used in Dreamweaver.

The first circled icon is to define the form itself.   This is what it looked like after I clicked on it and enter the information.

The second circled icon is to enter individual text fields as shown below.

The third circled icon is tor the text area where the user can enter paragraphs of information.

The last circled icon is for the submit button.

After I finished making the form I decided I needed the email field to be filled in.  I did this by using a validation Spry. 

I clicked in the email field and then clicked the circled icon above. I then made the changes in the properties panel shown below.

Here is a copy of my contact page.  I put the curser in the email field and clicked submit.  Since I hadn’t entered anything into the field, I got the message that it was required.

Of course there is a lot more that need to be done to make the form completely workable but that is out of the scope of this post and probably even the class I am taking at Northwest Vista.  This require additional coding that is usually done by a different department.