Chapter 18: Forms; Creating Forms - Adobe GOLIVE CS2 User Manual

Chapter 18: Forms

Creating forms

About web forms
A web form allows viewers to send information to a web server or e-mail address. You can design forms to let viewers
sign up for a newsletter, make purchases, and complete a questionnaire. You can use text fields, buttons, lists, and
images in your form. You can also add actions and events to your form.
The appearance of your form may vary between computer platforms and web browsers. With GoLive you can get
predictable results if you place form elements in HTML tables, rather than on layout grids or directly on a page.
Note: You create the form in GoLive, but your web server actually processes the information using a script that the form
specifies. All GoLive form elements fully support HTML 4.0 standards—including labels, tab order, and access keys—
and are backward-compatible with the HTML 3.2 specification.
See also
"Exporting pages to PDF" on page 399
To create a form
From the Form set in the objects toolbox, drag the Form icon onto a page. This element is a container for
1
individual form elements, such as buttons and fields.
To provide the form's structural foundation, drag the Table icon from the objects toolbox to the form element.
2
3 Add form items by dragging them from the objects toolbox to the table cells.
Note: Icons from the Forms set in the objects toolbox must be added in the box that encloses the Form icon in the
document window; otherwise they will not be part of the form.
Add a Submit button so your viewers can submit their data to a server or an e-mail address.
4
Create a tabbing chain to help your viewers navigate within the form using the Tab key. You can specify the order
5
in which the focus moves from one form element to the next.
Preview your form in a browser and test its functionality.
6
GoLive includes several form samples that you can build your form upon. Choose File > New, select Web > Page
Samples (Tables), and then select one of the samples named "form". (See "About the New dialog box" on page 24.)
A B C
Designing a form
A. Form icon contains all elements of a fill-in form B. Form icon C. Individual form elements placed in table cells
411