:: DREAMWEAVER RESOURCES :: EMAIL FORM STYLED WITH CSS::

CREATING A CONTACT FORM : LINKS

http://www.macromedia.com/support/dreamweaver/ts/documents/form_develop.htm

http://www.w3schools.com/html/html_forms.asp

http://www.sitepoint.com/article/1166
Style Web Forms Using CSS by Rachel Andrew

http://www.mako4css.com/cssforms.htm

NEED A FORM MAIL SCRIPT:

The first place you should check is with your host. Most hosts supply such a form for free. If you find that they do not, then the following scripts are recommended, depending on your server model.

PHP FORM MAIL SCRIPTS:

http://www.boaddrink.com/projects/phpformmail

CGI FormMail
http://nms-cgi.sourceforge.net/scripts.shtml

Forms allow a person to send data to the WWW server. You can use the INPUT, TEXTAREA and SELECT tags to add individual elements, such as checkboxes, input fields or "drop down" lists to your form.

FORM has one required attribute, ACTION, specifying the URL of a CGI script which processes the form and sends back feedback. (You will need to check with your host, what is recommended for this field.

Using a fieldset here - for layout purposes of this text area

Elements used in the layout of the above form:

<FIELDSET>....</FIELDSET>
A fieldset element is a structural container for form elements (as distinguished from the functional containment of the form element). In fact, you can define multiple fieldset elements within a single form element to supply context to logical groupings of form elements.

For more information, checkout the rest of the information in DWs O'Relly's HTML Reference Guide. (Window >Reference).

More here:
http://www.w3.org/TR/html401/interact/forms.html#h-17.10

PS: I have used the fieldset element for this information box - without the need for a form tag. Can be used to enhance a important text content.

<LEGEND>....</LEGEND>
For more information, checkout the rest of the information in DWs O'Relly's HTML Reference Guide. (Window >Reference).

<LABEL> .... </LABEL>
The label element defines a structure and container for the label associated with an input element. Because the rendered labels for most form controls are not part of the elements' tag, the label attribute provides a way for an author to associate the context of the label with its control. A label element also simplifies assigning uniform styles to all form labels.

For more about assigning styles, checkout the rest of the information in DWs O'Relly's HTML Reference Guide. (Window >Reference).

More here:
17.9.1 The LABEL element
http://www.w3.org/TR/html401/interact/forms.html#h-17.9.1

If you want to see the styles used to create this form, check out the head of this document.