HTML Tutorial





Español Français 中文 Deutsch Portuguese Japanese nederlands
   
 
HTML Basic
Introduction
How To
HTML Tags
html, head, body
Text Manipulation
IMAGES
Special Effects
Using Tables
Forms
Other Topics
 


ADVANCED HTML
Introduction
Media
Meta Tag
Frame tags
Fieldset
Tooltip
DTD
Image tags
Subscript & Superscript
Bullet styles
Canvas
Other tags
Ask Your Doubts
More about HTML
Feedback
 




HTML form with submit button as image


Tutorials Tutorials

Topic
How to submit a form using image as button?
Html Button style.



Explanation
Image button:

Normally we use the submit button to submit a form. But, we can also use any image instead of buttons for the same. This style of buttons can be created using the attribute "type = image".

Example Code:
<form name="hiox" action="index.php" method="POST">
<div align="center"> Name:<input type="text" size="25" name="name"><br>
<input type="image" src="submit.gif" name="image" width="40" height="40">
</div>
</form>

Result:


Name:


Attributes:

This style of buttons can be used along with the following attributes to submit a form.

name - defines an internal name to the button.

type - defines the input type(text,image,etc,.)

src - defines the URL of the image.

width - defines the width of the image.

height - defines the height of the image.

It also supports other attributes like align, vspace, hspace etc.





Other Links

web hosting