网页中表单按回车就自动提交的问题总结
来源:互联网 发布:电视剧全集获取源码 编辑:程序博客网 时间:2024/06/06 02:32
当form表单中只有一个输入框时,焦点在此输入框中,按回车键将自动将表单提交。
<form action="http://www.baidu.com"> <input type="text"></form>即使不写action,页面也会自动刷新,有时这并不是我们需要的。
如果再次添加一个input框,会怎样?
<form action="http://www.baidu.com"> <input type="text"><br> <input type="text"></form>焦点在输入框中,按回车键没有提交表单。
如果表单中添加一个submit类型的按钮呢,会怎样?
<form action="http://www.baidu.com"> <input type="text"><br> <input type="text"><br> <input type="submit" value="提交"> </form>
焦点在输入框中,按回车表单竟然自动提交了。
如果表单中增加一个button类型的按钮,会怎样?
<form action="http://www.baidu.com"> <input type="text"><br> <input type="text"><br> <input type="button" value="提交"> </form>焦点在输入框中,按回车键没有提交表单。
上面表述的现象,其实是浏览器帮我们做了处理,这里总结一下:
1、如果表单中有一个type=“submit”的按钮,不管输入框有几个,回车键生效。
2、如果表单中只有一个type=“text”的input,不管按钮是什么type,回车键生效。
3、如果按钮不是用input,而是用button,并且没有加type,IE下默认为type=button,FX默认为type=submit。
4、其它表单元素如textarea、select、radio、chekbox不影响上述触发规则,但这些元素本身在FX下会响应回车键,在IE下不响应。
在这说一下,怎样解决单输入框按回车自动提交的问题。
1)隐藏一个输入框
<form action="http://www.baidu.com"> <input type="text"><br> <input type="text" style="display: none;"> </form>2)添加一个onkeydown事件,禁用回车响应
<form action="http://www.baidu.com"> <input type="text" onkeydown="if(event.keyCode==13) return false;"/> </form>
阅读全文
0 0
- 网页中表单按回车就自动提交的问题总结
- struts2中表单重复提交的问题
- HTML页面单输入框回车自动提交问题-自留
- 回车自动提交Form表单的问题
- JSP中表单提交的一个小问题
- Tomcat5/JBoss中表单提交乱码问题的解决方法
- 按回车表单自动提交问题
- 回车网页文本框就提交表单
- ext js 中表单提交方式总结
- struts2中表单提交乱码问题
- Servlet中表单提交中的问题
- spring中表单提交问题 400
- myeclipse中表单提交乱码问题
- 禁止input一回车就提交的问题
- form 回车自动提交问题
- form 回车 自动提交 问题
- TextBox回车自动提交问题
- form 回车自动提交问题
- 求最小环 floyed 与 dijkstra
- 【工具】福昕阅读器快捷键
- 网站建设解决响应式网站图片响应式难题
- c#运算符和控制流
- 打开excel提示:向程序发送命令时出现问题,如何解决
- 网页中表单按回车就自动提交的问题总结
- 消费升级:谁赢得供应链,谁就赢得市场
- Linux磁盘管理
- Oracle v$nls_parameters 和 nls_database_parameters 区别
- 验证哥德巴赫猜想
- Linux学习笔记——如何使用echo指令向文件写入内容
- SolrCloud。
- Error: [$injector:unpr] Unknown provider: uniqueFilterProvider <- uniqueFilter
- 几种排序方法的比较(选择、冒泡、归并、快排)