beautypg.com

Adobe Dreamweaver CS3 User Manual

Page 612

background image

DREAMWEAVER CS3

User Guide

605

Enter a static value or specify a dynamic one by clicking the lightning bolt icon beside the box and selecting a
recordset that contains possible checked values. In either case, the value you specify should match the checked value
of one of the radio buttons in the group. To view the checked values of the radio buttons, select each radio button
and open its Property inspector (Window > Properties).

e

Select the format in which you want Dreamweaver to lay out the buttons.

Lay out the buttons using line breaks or a table. If you select the table option, Dreamweaver creates a single-column
table, and places the radio buttons on the left and the labels on the right.

You can also set the properties in the Property inspector or directly in Code view.

Insert an image button

You can use images as button icons. Using an image to perform tasks other than submitting data requires attaching
a behavior to the form object.

1

In the document, place the insertion point inside the form outline.

2

Select Insert > Form > Image Field.

The Image Source dialog box appears.

3

Select the image for the button in the Select Image Source dialog box, and click OK.

4

Set any of the following options in the Property inspector:

ImageField

Assigns a name to the button. Two reserved names, Submit and Reset, tell the form to submit the form

data to the processing application or script, or to reset all the form fields to their original values, respectively.

Src

Specifies the image you want to use for the button.

Alt

Lets you enter descriptive text in case the image fails to load in the browser.

Align

Sets the align attribute of the object.

Edit Image

starts your default image editor and opens the image file for editing.

Class

Lets you apply CSS rules to the object.

5

To attach a JavaScript behavior to the button, select the image, and then select the behavior in the Behaviors panel

(Window > Behaviors).

Insert file-upload fields

You can create a file-upload field that lets users select a file on their computer—such as a word processing document
or graphics file—and upload the file to the server. A file field looks like other text fields except it also contains a
Browse button. The user either manually enters the path to the file they want to upload, or uses the Browse button
to locate and select the file.

Before you can use file-upload fields, you must have a server-side script or a page capable of handling file submis-
sions. Consult the documentation of the server technology you use to process form data. For example, if you use
PHP, see “Handling files uploads” in the online PHP Manual at

http://us2.php.net/features.file-upload.php

.

File fields require that you use the

POST

method to transmit files from the browser to the server. The file is posted to

the address you specify in the form’s Action box.

Note: Contact your server’s administrator to confirm that anonymous file uploads are allowed before using the file field.

1

Insert a form in the page (Insert > Form).

2

Select the form to display its Property inspector.

September 4, 2007