<class home>  <forms>   <back   next>

Image Fields

You may want to use custom buttons that you make instead of the standard form button. For this you use Image Fields.


ex. taken from paypal.

To make an image field: Dreamweaver

1. Put your cursor where you want it in the document window.

2. Select Insert>form object>Image Field from the main menu.
Or click on the form button in the object panel: form section:

3. In the dialog box, navigate to the image that you want to use (you can also change your source to any image URL on the web)

4. In the Properties panel:
-give it a name.
-give it width and height if you desire
-in the src field you point to the URL: local to your site (relative) or
a full web address: "http://www.address.com/image.gif" an absolute url.
-put in alt text in case a user cannot see the image
-select browser alignment for the image.



In html

Typing it in.

ex.

To get the example above, put this into the <body> section of your html:

<form action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="image" src="https://www.paypal.com/images/x-click-butcc.gif" border="0" name="submit" alt="Make payments with PayPal - it's fast, free and secure!">
</form>