在上一节《HTML按钮》中，咱们学习了三种按钮性交，猛烈按钮、提交按钮以及重置按钮。可能好多读者会以为它们的姿色不太好意思不雅，这时咱们不错使用图像来替代按钮中的文本，从而使页面变得愈加好意思不雅。
在 HTML 中，把 <input> 标签的 type 属性开荒为 image 不错暗意图像按钮。具体语法花样如下：
<input type="image" src="url"/>
咱们还不错把图像按钮分为图像、按钮两部分来看，因为它既有图像的脾气（需要使用src属性为图片添加旅途），又有按钮的脾气（图像按钮的举止基本上与提交按钮一致，点击它也不错达成表单数据的提交）。
图片的旅途不错是相对旅途，也不错是皆备旅途。具体使用法式请参考《皆备旅途和相对旅途》一文。
示例1如下：
<form action="http：//xxx.xxxx.xxx/login.asp" method="post"> <input type="image" src="https：//xxxx.xxxxx.xxxx/xxx.jpg"/> </form>
动手恶果如下所示：
当咱们点击图片按钮后，表单中的相应本体会提交。
1. 图像按钮属性同 <img> 标签相同，图像按钮也有 alt 属性：
1) alt属性alt 属性用来对图像进行文本证据。一般情况下，当浏览器因某种原因无法载入图像时，就会披露这段文本。天然 alt 属性值不错为空，但还是提议读者给 alt 属性开荒允洽图像信息的文本。
代码如下：
<form action="http：//xxx.xxxx.xxx/login.asp" method="post"> <input type="image" src="https：//xxxx.xxxxx.xxxx/xxx.jpg" alt="此处为提交按钮" /> </form>
当聚积出现问题时，动手恶果如下所示：
接下来咱们看一下若何开荒图片按钮的大小。
2) width属性width 属性暗意图片的宽度，默许单元是px，不需要披露指明。使用法式如下：
<form action="http：//xxx.xxxx.xxx/login.asp" method="post"> <input type="image" src="https：//xxxx.xxxxx.xxxx/xxx.jpg" alt="此处为提交按钮" width="100" /> </form>
动手恶果如下所示：
与示例 1 进行对比发现，图片的宽度和高度都发生了变化，那是因为图片随开荒好的宽度进行了自稳当。
3) height属性height 属性暗意图片的高度，同 width 属性相同，默许单元亦然 px，不需要披露指明。具体代码如下：
<form action="http：//xxx.xxxx.xxx/login.asp" method="post"> <input type="image" src="https：//xxxx.xxxxx.xxxx/xxx.jpg" alt="此处为提交按钮" height="100" /> </form>
动手恶果如下所示：
通过动手恶果发现，图片的宽度也随其高度发生了变化。一般情况下，咱们只需开荒图片的宽度（width）省略是高度（height）即可，不然有的图片可能会失帧。
上述整个姿色，当咱们学习了 css 后都不错猖狂达成，此处只需了解即可。