HTMLGoodies
The ultimate html resource
Earthweb.com


About the Double-Underlined Links


Become a Partner




Search Clipart.com:



internet.commerce















HTML Goodies : HTML and Graphics Tutorials : Forms Tutorial: So, You Want An Image Starting Your Form, Huh?

HTML GOODIES TO GO NEWSLETTER


Other Related Newsletters

So, You Want An Image Starting Your Form, Huh?


By Joe Burns

     Here's an example of what I'm talking about. Below is a simple form. However, instead of a link button starting it off, the user clicks on an image. Like so:


Please enter your name:

Make any comments you'd like below:

Thanks for your input


How It's Done

     There's no need showing you how the form is made. I go over that in the forms tutorial and the guestbook tutorial pretty well. What I am concerned with here is the input button. Here's the format I used to make the button above:


<INPUT TYPE="image" SRC="hgbutt.gif" HEIGHT="24" WIDTH="129" BORDER=0 ALT="picture button">


     Notice it's the same format as the normal link button except instead of the type being "SUBMIT", it's now "IMAGE". The SRC has to be added to call for the image and the height, width, border, and alt commands define the image for the browser, and lose the blue border that comes with an active image link.

     I hope you can use this in your own pages!

Enjoy!

Tools:
Add htmlgoodies.com to your favorites
Add htmlgoodies.com to your browser search box
IE 7 | Firefox 2.0 | Firefox 1.5.x
Receive news via our XML/RSS feed

IT Management Networking & Communications Web Development Hardware & Systems Software Development Earthwebnews.com

internet.comearthweb.comDevx.commediabistro.comGraphics.com

Search:

Jupitermedia Corporation has two divisions: Jupiterimages and JupiterOnlineMedia

Jupitermedia Corporate Info

Legal Notices, Licensing, Reprints, Permissions, Privacy Policy.
Advertise | Newsletters | Tech Jobs | Shopping | E-mail Offers