Graphics Programs Reference
In-Depth Information
◗
10.
Click in the left column of the fifth row, type
Comments:
to enter the label, and
then press the
Tab
key to move the insertion point to the next cell.
◗
11.
In the
Forms
category of the Insert panel, click the
Textarea
button, and then
click the
OK
button in the Input Tag Accessibility Attributes dialog box. A multi-
line text area is added to the cell.
You can change a text
field to a text area by
changing the Type attri-
bute from Single line to
Multi line in the Property
inspector.
◗
12.
Select the text area, and then, in the Property inspector, type
comments
in the
TextField box, type
44
in the Char width box, type
10
in the Num lines box, and
click the
Multi line
option button, if necessary. See Figure 6-31.
Figure 6-31
Form with text fi elds
columns widths
automaticall
y adjust
as you enter content
so yours might differ
text
fi
elds
text area
text area
a
ttributes
◗
13.
Save the page, preview the page in a browser (the form has three text fields and
one text area), and then close the browser.
Using Live View, Live Code and Inspect to Preview Forms
Live View
previews in the Document window in Dreamweaver what the active page will
look like in a browser. Live View is helpful when you are working with interactive com-
ponents such as forms because you can quickly see how the page will look in a browser
and check the functionality of the interactive components. For example, when you com-
plete the form, you can test it in Live View by fi lling out and then submitting the form.
When you switch to Live View, you are basically toggling between the editable Design
view and a functional view. Code view remains available so that you can update code
and then view those changes. In Live View, you can click the
Live Code
button to dis-
play the source code for the rendered page, which is just like clicking View Source in a
Search WWH ::
Custom Search