Inserting image buttons

Inserting image buttons

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.

To create an image button:

  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.

    A image field appears in the form.

  4. In the Property inspector, set the image field properties as desired.

    To create a submit button, enter Submit in the Image Field text box in the Property inspector.

    For more information, see Setting image field properties.

  5. To attach a JavaScript behavior to the button, select the image and then select the behavior in the Behaviors panel (Window > Behaviors).

    For more information, Attaching JavaScript behaviors to HTML form objects and Attaching custom scripts to HTML form buttons.

Related topics

  • Inserting standard buttons

Getting Started with Dreamweaver
Dreamweaver Basics
Working with Dreamweaver Sites
Laying Out Pages
Adding Content to Pages
Working with Page Code
Preparing to Build Dynamic Sites
Making Pages Dynamic
Defining Sources of Dynamic Content
Developing Applications Rapidly