Contact Forms | Dreamweaver

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
  
• A red dashed box will be visible in your page
  
• 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
  
• Click OK
• The Name text field will appear in the web page
  
• Select the field by clicking on it
  
• Type ‘name’ in the Properties panel under ‘TextField’
  
• 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:
  

Series Navigation

Heading Styles | DreamweaverForm Styles | Dreamweaver

Posted in Dreamweaver | No Comments »