
556
Part III
Adding Advanced Design Features
Inserting text fields
To insert a single-line text field in Dreamweaver, you can use any of the following methods:
From the Forms category of the Insert panel, click the Text Field button to place a text field
■■
at your current cursor position.
Choose Insert
■■
➪ Form ➪ Text Field from the menu, which inserts a text field at the current
cursor position.
Drag the Text Field button from the Insert panel to any existing location in the Document
■■
window and release the mouse button to position the text field.
You can use any of these methods to insert text fields in either Design view or Code view.
When you insert a text field or most other form controls in Code view, the Tag Editor for
the <input> tag opens automatically, enabling you to specify any attributes for the tag.
When you insert a text field, the Properties panel, when displayed, shows you the available attributes
(see Figure 14-2). You measure the size of a text field by the number of characters it can display at
one time. You can change the length of a text field by inserting a value in the Char Width text box or
by declaring a width value for an applied CSS style; the latter is, by far, the recommended approach.
By default, Dreamweaver inserts a text field approximately 20 characters wide. The “approximately”
is important here because the final size of the text field is ultimately ...