Alabama Cooperative Extension System
 
ACESAG Technology Reference Desk
Email ·  Hardware ·  Software ·  Networking ·  Security ·  Accounts
Web Development ·  Policies ·  Purchasing ·  Distance Learning

  
 

Auburn University College of Agriculture
 
CTU > Reference Desk > Web Development > Dreamweaver > Dreamweaver Forms Tutorial

Dreamweaver - Adding forms to your webpage



Open Dreamweaver and create a new blank HTML page. Go to the forms tab on the Insert menu:



Click on the icon to create a new form. In Design view, the form is outlined by a dashed red line. You can edit the properties of the form through the Properties bar, the right-click menu, or in Code view.


Adding form elements


- add a text field. Text fields are used for collecting text data from the viewer.

- add a hidden field. Hidden fields are for setting certain information that the viewer never sees.

- add a textarea. Textareas are used to collect text data from the viewer. The difference between textareas and text fields is that textareas are usually multiple lines.

- add a check box. Check boxes are used to answer yes/no questions, or to enable/disable options.

- add a radio button. Radio buttons are used to select a single option out of many.

- add a radio group. A radio group is used to specify a group of radio buttons so that only one member of the group may be selected.

- add a list menu. List menus are used to display a large number of options and allow the user to select one and sometimes many of them.

- add a jump menu. Jump menus are drop down menus that redirect the viewer to a different site when an option is selected.

- add an image field. Image fields work just like submit buttons, but instead of a grey button, you can use the image of your choice.

- add a file field. File fields let the user select a file from their computer.

- add a button. You can add buttons to submit or reset the form.

- add a label. Labels let you tell the user what a certain form element is for. Clicking on the label is supposed to activate the form element as well.

- add a fieldset. Fieldsets are boxes drawn arond groups of form elements.


Using forms to accomplish specific tasks


Sending form results to an email.



  Dreamweaver Home  

CTU > Reference Desk > Web Development > Dreamweaver > Dreamweaver Forms Tutorial
        Click here to ask a question