用图片代替提交和重置按钮

<script language="javascript">
function fsubmit(obj){
　 obj.submit();
}
function freset(obj){
　 obj.reset();
}
</script>
<form id="form1" name="form1" method="post" action="login.asp">
姓名： <input type="text" name="textfield" />,用于WebKit的CSS技巧;
<img src="uploads/200707/30_145425_001.jpg" style="cursor:hand;" onClick="javascript:fsubmit(document.form1);">
<img src="uploads/200707/30_145428_002.jpg" style="cursor:hand;" onClick="javascript:freset(document.form1);">
</form>
 
3、用图片代替提交和重置按钮，并加上链接，后果同2

<script language="javascript">
function fsubmit(obj){
　 obj.submit();
}
function freset(obj){
　 obj.reset();
}
</script>
<form id="form1" name="form1" method="post" action="login.asp">
姓名： <input type="text" name="textfield" />
<a href="javascript:fsubmit(document.form1);"><img src="uploads/200707/30_145425_001.jpg" border="0" />,用”百分比”设置页面的高度;</a>
<a href=",用“细分”揪出那些影响宝贝流量的潜伏因素;javascript:freset(document.form1);",用LI布局表单解决文字不能对齐的方法;><img src="uploads/200707/30_145428_002.jpg" border="0" /></a>
</form>
 
4、应用图像域。因为默认图像域点击时都是提交表单，因此要进行恰当的处理：

<script language="javascript">
function fsubmit(obj){
　 obj.submit();
}
function freset(obj){
　 obj.reset();
}
</script>
<form id="form1" name="form1" method="post" action="login.asp">
姓名： <input type="text" name="textfield" />
<input type="image" name="imageField" onClick="javascript:fsubmit(document.form1);return false;" src="uploads/200707/30_145425_001.jpg">
<input type="image" name="imageField2" onClick="javascript:freset(document.form1);return false;" src="uploads/200707/30_145428_002.jpg">
</form>
 
要留神的是JS中表单提交和重置事件后必需加()，如submit()和reset()

1、用图片取代提交跟重置按钮，给图片加onclick事件

为了全部界面雅观，咱们须要对提交和重置按钮丑化一番，可是无论用什么CSS款式定义按钮，都很难到达满足的效果，只得用JS+图片的方法进行处置，下边我是总结出的三种办法：

<script language="javascript">
function fsubmit(obj){
　 obj.submit();
}
function freset(obj){
　 obj.reset();
}
</script>
<form id="form1" name="form1" method="post" action="login.asp">
姓名： <input type="text" name="textfield" />
<img src="uploads/200707/30_145425_001.jpg" onClick="javascript:fsubmit(document.form1);">
<img src="uploads/200707/30_145428_002.jpg" onClick="javascript:freset(document.form1);">,用DNSPOD解析域名 CDN加速网站收录无影响;
</form>
 
2、给1的图片加上style，用于补充方式1鼠标移到图片上无反映，未能给客户好的阅读休会