Form Styles | Dreamweaver

We can make the form look more presentable by defining form styles in Dreamweaver.

We can give a style to the tag. To do this:

• Create a style for the label tag
• Click ‘Box’ and enter:

• Width : 150 px
• Float: Left

• Click OK

• 
• The form looks better now:
  

Let’s push the submit button to align with the form fields. To do this:

• Create a new CSS style
• Select Class and name it ‘.btn’
  
• Box > Left: 150 px
  
• Select the button on the web page and select ‘btn’ from the drop down next to Class in the Properties panel.
  
• The button moves to the right and aligns nicely with the other fields:
  

To program the form to be sent to specific email addresses when filled, you will need to install a php or asp form script and point the form to it in the action field of the Properties panel.

The php/ asp script is out of the scope of this tutorial. However there are free service providers that take care of the programming for you as well.

Some of these free form service providers are:

• Bravenet Email Forms
• Response-o-Matic Forms
• EmailMeForm

Series Navigation

Contact Forms | DreamweaverTest Website | Dreamweaver

Posted in Dreamweaver | No Comments »