用图片作为提交按钮的方式
来源:互联网 发布:电脑ip更换软件 编辑:程序博客网 时间:2024/05/16 05:24
有时候为了达到比较好的视觉效果,有人会使用图片代替按钮来提交或者重置表单数据。
由于需要,我收集整理了一些用图片作为提交按钮的方式,如下:
1.
<FORM name="formName" action="xxxx" >
<INPUT name="textfield2">
<INPUT type="image" height=19 width=53 src="xxx.gif" align=absMiddle border=0 name=RedImg onclick="this.form.submit()">
<INPUT type=image height=19 width=53 src="xxx.gif" align=absMiddle border=0 name=RedImg3 onclick="this.form.reset()">
</FORM>
代替submit按钮的图片代码格式是
<input type="image" name="submit" src="..." onclick="document.formName.submit()">
代替reset按钮的代码图片格式是
<a href="javascript:document.formName.reset();"><img border=0 src="..."></a>
或
<input type="image" name="reset" src="..." onclick="document.formName.reset();return false">
2.
<form name="loginForm" action="xxx" method="post" >
<input name="submit" type="image" src="xxxx.gif" />
<input type="image" name="reset" src="..." onClick="document.formName.reset();return false">
</form>
如果需要在提交表单之前验证数据可以考虑在form标签的onsubmit事件加上javascript 验证函数 如onsubmit="checkForm()"
3.
<form name="formName" action="xxxx">
<INPUT name=textfield2>
<INPUT type=image height=19 width=53 src="xxx.gif" align=absMiddle border=0 name=RedImg onclick="formName.action='link.jsp'">
</form>
通过oncick="document.form.submit()"来提交表单;用onclick="document.form.reset()"来复位表单,这样一来,任何一个元素(不仅是图片)都可以实现提交表单了。
在这样的情况下,还可以自定义图片的长度和宽度等。
- 用图片作为提交按钮的方式
- 用图片作为提交按钮的方式代码
- 网页中使用图片作为提交按钮
- form中采用图片作为提交按钮
- 使用图片作为提交按钮调用Javascript验证表单
- 图片作为提交按钮调用JS验证表单
- 如何把图片作为提交或者重置按钮?
- 用图片做提交按钮
- 把图片作为按钮
- 用图片实现form表单的提交按钮
- studio自定义SearchView的提交按钮图片
- 用图片代替表单提交按钮
- 用图片做提交和取消按钮
- 图片提交按钮
- 图片提交按钮
- 图片按钮提交表单
- 图片按钮提交两次
- HTML图片提交按钮
- 理解Lucene的评分机制
- 看护者 --- 一个用来演示在普通KJava/J2ME手机上也能做复杂应用的程序
- 安装apache_2.0.58出错解决
- Windows Mobile bus driver的角色不可小看
- Jsp结合XML+XSLT将输出转换为Html格式
- 用图片作为提交按钮的方式
- JavaScript词法结构注意
- 通用存储过程之三:根据主键的值,查询记录的存储过程
- 一担挑游戏 (人工智能版)
- OWC学习笔记-Spreadsheet插入行/列
- 设计模式:实战MVC模式
- Email javascript 正则表达式
- 通用存储过程之二: 根据主键的值,判断记录是否存在的存储过程
- 阿里巴巴和环球资源两大外贸网站,我们该选谁?