html中如何实现使用图像来代替提交按钮的示例

1. 用图像代替提交按钮 

    当只有一个提交按钮的时候 ,可以简单的实现,不用添加事件函数,代码是:


 除了标签改为input type = “image”以外,其他的属性和html中如何实现使用图像来代替提交按钮的示例标签的属性是一样的。

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

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
html中的textarea属性大全(设置默认值  高度自适应  获取内容  限制输入字数 placeholder)
上一篇 2025年12月21日 16:12:47
下一篇 2025年12月21日 16:13:00

相关推荐

发表回复

登录后才能评论
关注微信