Creating a Form

In Dreamweaver, you can build forms with one-click ease using the Forms tab of the Insert bar (see Figure 10-2).

The Forms tab on the Insert bar gives you one-click access to all of the different form elements: buttons, text fields, checkboxes, and more.

Figure 10-2. The Forms tab on the Insert bar gives you one-click access to all of the different form elements: buttons, text fields, checkboxes, and more.

To begin, you need to insert a <form> tag to indicate the boundaries of a form.

  1. In the document window, click where you want to insert the form.

    You might decide to place it after a regular paragraph of introductory text, for example.

  2. Click the Forms tab on the Insert bar.

    The tab reveals fourteen form-building tool icons.

  3. Click the Form icon on the Insert bar (the far-left square).

    Alternatively, if you’re a menu-driven person, choose InsertForm instead.

    Either way, a red, dashed-line rectangle appears in the document window, indicating the boundaries of the form. (If you don’t see it, choose ViewVisual AidsInvisible Elements). The top line represents the opening <form> tag; the bottom represents the closing tag. Make sure you always insert form objects, such as buttons and menus, inside these lines. Otherwise, Dreamweaver will think you’re trying to create a second form on the page. (It’s perfectly valid to include more than one form per page, but the user can only submit one form—and its data—at a time.)

    Because you can place so many other HTML elements inside a form, it’s often easier to insert the ...

Get Dreamweaver MX: The Missing Manual now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.