Friends

Sunday, October 2, 2011

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
    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

0 comments:

Post a Comment

#
### ###