Home >> Tutorials >> Javascript tutorials

Previous page and Next page | Image button |  Alert button Prompt button |  Scrolling button  |  Rotating button  | Confirmation button

Can I use cool looking images as submit button instaed of the default submit button?

Yes, you can use Image as submit buttons. When a visitor clicks an image button the form is sent to the address specified in the action setting of the <FORM> tag.Below is a listing of valid settings for image buttons:The name setting adds an internal name to the image button so the program that handles the form doesn’t confuse it with the other fields.

  • The src setting defines the URL of the image.
  • The align setting defines how the image is aligned. Valid entries are: TOP, MIDDLE, BOTTOM, RIGHT, LEFT, TEXTTOP, BASELINE, ABSMIDDLE, ABSBOTTOM. The alignments are explained in the image section.
  • The border setting defines the width (in pixels) of the border around the image.
  • The width setting defines the width of the image.
  • The height setting defines the height of the image.
  • The vspace setting defines the spacing over and under the image (in pixels).
  • The hspace setting defines the spacing to the left and right of the image (in pixels).
  • The tabindex setting defines in which order the different fields should be activated when the visitor clicks the tab key.Source Code: 
<form name="myform" >
<div align="center"> 
<br><br> <input type="text" size="25" value="Enter your name here!"> <br>
<input type="image" src="rainbow.gif" name="image" width="60" height="60"><br> 

Page contents: itechies.net – Learn how to create image submit buttons using javascript.