How to Set Image on Button in HTML

Setting Image as Button in HTML Form


There are several ways to Set an Image as Button
1: Using CSS Style
Setting Image as background from the css Style:

<input type="button" style="margin: 0px; background:url('') no-repeat; border: none;" />

2: Add img tag between button tag

<button style="margin: 0px; background-color: transparent; border: none;">
<img width="80" src="http://neozilon.com/wp-content/uploads/2008/04/adidas-soccer-ball.thumbnail.jpg" />
</button>

3. Using input tag

<input type="image" src="img url" alt="img alt" border="0">



Related Topic Google Bot IP List
Javascript Spell Checker Embedded Code, Text Area Object
Set up expire header in apache using htaccess file
Web Browser JSP plugin tag Elements Parameter Attributes
The Multipurpose Internet Mail Extensions MIME Types
HTML  

nScraps.com 2011   Privacy Policy  Terms of Service  Feedback