Form Styles | Dreamweaver

We can make the form look more presentable by defining form styles in Dreamweaver. We can give a style to the <label> 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.

Posted in: tutorial web