1. 用图像代替提交按钮
当只有一个提交按钮的时候 ,可以简单的实现,不用添加事件函数,代码是:
除了标签改为input type = “image”以外,其他的属性和标签的属性是一样的。
2.用图片代替所有的表单按钮
代替submit按钮的图片格式是
立即学习“前端免费学习笔记(深入)”;
代替reset按钮的代码图片格式是:
注: 这里的fromName是表单的name属性
3.表单的提交验证:
function checkdate(){//取得输入数据userName = document.RedForm.userName.valueuserEmail = document.RedForm.userEmail.value//如果没有输入名字if(userName== ""){alert("请输入名字");document.RedForm.userName.focus();return false;}else{//如果没有输入Email,或者Email地址错误(不含@)if(userEmail == "")||(userEmail.indexOf("@")== 1)){alret("请输入Email地址");document.RedForm.userEmail.focus();return false;}else return true;}}
4.用任何元素提交表单
通过onclick = “document.from.submit()”来提交表单,用onclick = “document.from.reset()”来复位表单,这样一来。任何一个元素都可以提交表单了。
以上就是html中如何实现使用图像来代替提交按钮的示例的详细内容,更多请关注创想鸟其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1544781.html
微信扫一扫
支付宝扫一扫