1.这是一个用图片代替sumibt按钮提交的代码:
<form action="" name="myform">
<input type="text" name="ddd">
<img src="" onclick="javascript:document.myform.reset();">
</form>2.将上面代码做改进,让超级链接方式更加真实:
<form action="" name="myform">
<input type="text" name="ddd">
<a href="#" onclick="javascript:document.myform.reset();"><img src="" border="0" ></a>
</form >
<input type="text" name="ddd">
<a href="#" onclick="javascript:document.myform.reset();"><img src="" border="0" ></a>
</form >
3. 再次改进,把超级连接图片按钮上的虚线不显示:
<form action="" name="myform">
<input type="text" name="ddd">
<a href="#" onclick="javascript:document.myform.reset();"onFocus="if(this.blur)this.blur()"><img src="" border="0" ></a>
</form >
<input type="text" name="ddd">
<a href="#" onclick="javascript:document.myform.reset();"onFocus="if(this.blur)this.blur()"><img src="" border="0" ></a>
</form >
本文介绍了一种使用图片代替传统Submit按钮的方法,并逐步改进该方法以提高用户体验。包括解决图片按钮点击重置表单、消除超链接周围的虚线框等问题。
590

被折叠的 条评论
为什么被折叠?



