Contact Forms | Dreamweaver

Need a Website? Contact Us Now!

This entry is part 17 of 20 in the series Dreamweaver CS5 Tutorial

Most websites would need a contact form. Let us now create a contact form in Dreamweaver.

  • Open the contact-us.html page.
  • Click in the area that you want the form to appear
  • Insert > Form > Form
    Contact Forms | Dreamweaver
  • A red dashed box will be visible in your page
    Contact Forms | Dreamweaver
  • All the form elements need to be placed within this red box
  • Insert > Form > Text field
  • Label: Name
  • Style: Attach label tag using ‘for’ attribute
  • Position: Before form item
    Contact Forms | Dreamweaver
  • Click OK
  • The Name text field will appear in the web page
    Contact Forms | Dreamweaver
  • Select the field by clicking on it
    Contact Forms | Dreamweaver
  • Type ‘name’ in the Properties panel under ‘TextField’
    Contact Forms | Dreamweaver
  • In the web page press the Enter button to go to the next line and insert another text filed labeled Email
  • Insert a Text area [Insert> Form > Textarea] labeled Comments
  • Insert a button with no label [Insert > From > Button]
  • The form will now look like this:
    Contact Forms | Dreamweaver
Series Navigation«Heading Styles | DreamweaverForm Styles | Dreamweaver»
Share and Enjoy:
  • Digg
  • Facebook
  • Google
  • E-mail this story to a friend!
  • LinkedIn
  • MySpace
  • StumbleUpon
  • Technorati

Posted in Dreamweaver | No Comments »

Post a Comment