Dreamweaver How to create a graphics submit button

First, create the graphics submit button in the Dreamweaver

1. Click on the mouse, positioning the cursor in the form frame line, click the "Insert" menu, select the "form" item, in the Pop-up submenu select "Image Field" command.

Or select the form item in the Insert panel and click the Image field icon, as shown in the following illustration:

Click on the "Window" menu and select "Insert" to open the Insert panel.

2. Click on the "Image field" icon, pop-up "Select the Image source file" dialog box, select a picture file, click the "OK" button.

3. Pop-up the "Enter Tag Accessibility Properties" dialog box, set in the dialog box, click the "OK" button, the image button appears in the document.

4. Click the image button in the document, as shown in the following illustration:

5. Open the Picture Button Properties panel, as shown in the following illustration:

Image area: Enter the name of the image field. The Name property.

Source file: Enter the address of the image file in the text box, or click the "folder" icon to select the image file. SRC attribute.

Replace: Sets the description text for the image, and displays the text when the mouse is placed over the image. ALT attribute.

Align: Select how the image is aligned in the document. Align property.

Edit Image: Launches the external editor to edit the image.

Tip: When the user clicks the Image field in the browser, not only the information in the form is sent to the server, but also the information of the mouse click position is sent to the server.

Second, tips

You can add more than one image field control by pressing the ENTER key by positioning the cursor in a box with a red dotted line around the form.