如何让图片做提交按钮

<input type="image" src="img_submit.gif" alt="Submit" />

input type=image，是用作图片

基本属性src，表示图片地址。

定义和用法

type 属性规定 input 元素的类型。

输入类型 - image

image 输入类型将图像定义为提交按钮。

方法一：用image类型的input控件。

<form name="demo" method="get" action="login.asp">

<input name="username" type="text">

<input name="password" type="password">

<input type="image" src="your_submit_button.gif" name="img">

</form>

方法二：在图片上加上脚本控制的。

<form name="demo" method="get" action="login.asp">

<input name="username" type="text">

<input name="password" type="password">

</form>

<img src="your_submit_button.gif" onclick="demo.submit()">

注意：type=image类型的图片按钮，在单击后是提交表单的。

技巧：可以把例中的your_submit_button.gif换成你自己的图片路径。

提示：用第二种方法时如果想在鼠标移上图片时变成手形，可以加上CSS设置cursor属性为hand。

特别提示

代码运行后，单击图片，表单将被提交。方法一的表单在提交后注意看一下地址栏，可以看到，单击图片控件时的X和Y坐标(相对于图片控件)也被提交了，并且前面加上图片控件名作前缀

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。

2、在index.html中的<button>标签中，加入样式代码：style="background: url(small2.png)width:150pxheight:60px"。

3、浏览器运行index.html页面，此时按钮被成功添加了图片。

---