Forms in Dreamweaver CS4

This entry is part 14 of 19 in the series Dreamweaver CS4 Tutorials

Let us create a form in the contact us page.

To do this:

  • Open contact-us.html
  • Insert > Form > Form
  • You will see a red outline within your page. This is the ‘form’ tag. All your form fields must be placed within this tag.
  • Insert Form > Text field
  • In the screen that opens up type ‘Name’ in the label field. Click OK
    form-field
  • Similarly create a field for ‘Email’ as well.
  • Also create a field for ‘Message’. This will need to be a text area [Insert > Form > Text Area].
  • Finally create a button [Insert > Form > Button]
    form
  • With this you have created the HTML required for the form. However, to make the form work and send you an email you will need to use a php or asp script depending on your web server. You can also use a free email form service.


Dreamweaver CS4 Tutorials

  1. Dreamweaver CS4 Tutorial
  2. Define a New Site in Dreamweaver CS4
  3. Create a template in Dreamweaver CS4
  4. Design your template in Dreamweaver CS4
  5. Design the CSS Style Sheet in Dreamweaver CS4
  6. Insert Images in Dreamweaver CS4
  7. Creating the Menu in Dreamweaver CS4
  8. Content in Dreamweaver CS4
  9. Insert Editable Regions in the Dreamweaver Template
  10. Dreamweaver CS4 Template Based Web Pages
  11. Formatting Headings in Dreamweaver CS4
  12. Formatting Images in Dreamweaver CS4
  13. Linking pages in Dreamweaver CS4
  14. Forms in Dreamweaver CS4
  15. Dreamweaver CS4 Form Validation Tutorial
  16. Tables in Dreamweaver CS4
  17. Testing the Website in the Browser
  18. Upload your site with Dreamweaver CS4
  19. How to validate your Contact PHP form in Dreamweaver CS4
Series Navigation Linking pages in Dreamweaver CS4Dreamweaver CS4 Form Validation Tutorial

Tags: ,
Posted in Dreamweaver | No Comments »