Contact Forms | Dreamweaver

Bookmark and Share
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 komentar... Views All / Send Comment! }

Posting Komentar