|
Creating Forms
Forms are often used to request comments about a
website, submit an application, or place an order. They might also be used
for an online quiz or to request information from friends or students. A
form is a an element in a web page that contains form fields, which are
used to collect information from users. Form fields enable users to enter
information, generally by entering text in fields, selecting checkboxes
and radio buttons, or selecting an option from a menu of choices. Users
submit their information by clicking the
SUBMIT button. For more information about form fields, see
About Form Fields.
This document will cover the following sections:
 Forms
Tab
To help you create your form faster, Dreamweaver
provides a Forms tab. The Forms tab will allow you to
insert a form field more quickly without having to use the Insert
menu.
- From the Insert pane, select the
Forms tab
Starting
the Form
Inserting the First Form Field
The form field will be surrounded by a red dotted line,
the form boundary that must contain all form fields. Be sure to place all
form fields within the form boundary. You will also have to assign a
name-value pair to all form fields by using the Form Field Properties
pane.
- Place your cursor in an existing web page where you
would like to insert a form
- From the Insert menu, select
Form
A blank form field, seen as a red dotted box,
appears.
OR
From the Insert menu, select Form Objects
» desired form
object
A Dreamweaver dialog box appears asking if you would like
to insert a form tag
- Click YES
The form object appears with a red dotted box around it.
Inserting
Subsequent Form Fields
Inserting all subsequent form fields involves not only
the insertion process, but also assigning the name-value pair for the form
field. Refer to the appropriate document, depending on the type of form
field you would like to insert.
The
Form Field Properties Pane
The Form Field Properties pane is used to
assign name-value pairs to form fields. For a definition of name-value
pairs, refer to
Terminology in the Working with Forms document. The Form
Field Properties pane can be accessed by selecting any form field.
Each individual form field has its own Form Field
Properties pane (e.g., viewing the Form Fields Properties
pane for a text field will yield the Text Field Properties pane,
with properties specific to text fields). Although each form field has
different properties, the process for viewing the Form Field
Properties pane is the same for all of them.
Viewing the Form Field Properties Pane
- To select the form field, click it
The Form Field Properties pane corresponding to the chosen
field appears.
NOTE:
The Form Field Properties pane that appears depends on which type
of form field you select (i.e., the Text Field Properties pane
appears if you select a text field).
|