"Submit" a form with a picture instead of button

[Guest_imported]

Instead of the plain old squary submit button, I want to use a picture as my button. How do I associate the submit action with the picture when clicked?

 

[tsdragon]

onClick=form.submit()

Meddle not in the affairs of dragons,
For you are crunchy, and good with mustard.

 

[vistor]

Webmonkey has a good example at:

http://hotwired.lycos.com/webmonkey/99/30/index4a_page5.html

How did we make that monkey into a Submit button? Well, here's the code for the form:


<form action=&quot;nextpage4.html&quot; method=&quot;get&quot; name=&quot;form3&quot;>

<select name=&quot;menu&quot; size=&quot;3&quot; multiple>

<option value=&quot;1&quot;>menu item 1</option>

<option value=&quot;2&quot;>menu item 2</option>

<option value=&quot;3&quot;>menu item 3</option>

<option value=&quot;4&quot;>menu item 4</option>

</select>

<input type=&quot;image&quot; alt=&quot;The Monkey&quot; src=&quot;stuff/smallmonkey.gif&quot;>

</form>


You see? Just change the type from submit to image and provide a GIF. Now you're set


CDWD

 

[strantheman]

Dont forget the border attribute in your input tag.. or else you get that nice thick blue line surrounding your submit image.

<input type=&quot;image&quot; src=&quot;img.gif&quot; border=&quot;0&quot; alt=&quot;&quot;>