HTML防止input回车提交表单
HTML 提交 表单 input 防止 回车
2023-09-14 08:58:23 时间
原链接:https://blog.csdn.net/ligang2585116/article/details/44699567
自动提交情况说明:
1.默认情况下,单个输入框,无论按钮的type="submit"还是type="button"类型,回车即提交。
2.当type="submit"时,无论有几个type="text"输入框,回车均表示提交。(<button>按钮默认的type为submit)
3.当type="button"时,且存在多个输入框,回车不提交。(button)
解决方案:
1.解决单个输入框的回车即提交问题,可以增加一个隐藏的input="text" display='none'; 然后type类型为button。
2.在form表单或input中加入:onkeydown="if(event.keyCode==13){return false;}"
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <form action="www.baidu.com" method="post" onkeydown="if(event.keyCode==13){return false;}"> <input type="text" value="" /> <input type="text" value="" /> <button>提交</button> <!-- 或在对应input上添加,同时建议取消自动填充,因为mac下会有问题<input type="text" value="" autocomplete="off" onkeydown="if(event.keyCode==13){return false;}" /> --> </form> </body> </html>
相关文章
- w3schools网站的HTML教程之HTML编辑器
- html font后面跟多种字体
- 修改requests_html.AsyncHTMLSessions使得支持url参数
- Go gin使用html模板
- SAP Spartacus 在 CSR 模式下启用 SEO HTML tag 的临时方法
- Springboot里输出的html里包含script标签页会怎样
- vue跑马灯效果.html
- 成功解决IPython.core.display.HTML object
- Python学习100:HTML简介
- HTML中调用JavaScript的几种情况和规范写法
- 【CSS】课程网站头部制作 ① ( 头部区域测量 | 头部盒子标签结构 | 整体页面背景颜色设置 | LOGO 盒子设置 | 切片工具切图 | LOGO 相关 HTML 结构及 CSS 样式编写 )
- electron代码示例 在 html 中调用 electron 的函数 主进程的函数 nodejs
- 请写出一段表单提交的HTML代码,表单名称为form1,提交方式为post,提交地址为submit.asp
- HTML(一)html书写规则、基础元素、功能元素