HTML 之 Web页面表单form中只有一个input的text元素,按回车默认提交
2016-01-15 10:16
776 查看
WEB开发中,如果页面的 form 中只有一个input元素,在该input元素的输入框中按回车(注:此时并没有写对应的onkeydown等事件处理),则浏览器会默认提交表单,请看如下代码:
那么如何禁止呢,禁止方法有两种:
[1]只有一个时发生,可以在form中添加一个隐藏的input元素,修改后的代码如下:
[2]禁用form的onsubmit事件:
<html> <head> <title>页面中只有一个input元素时默认提交表单</title> </head> <body> <form action="http://www.baidu.com" name="myform" method="get"> <input name="contenta" type="text" value="回车提交" /></br> </form> </body> </html>
那么如何禁止呢,禁止方法有两种:
[1]只有一个时发生,可以在form中添加一个隐藏的input元素,修改后的代码如下:
<html> <head> <title>页面中只有一个input元素时默认提交表单</title> </head> <body> <form action="http://www.baidu.com" name="myform" method="get"> <input name="contenta" type="text" value="回车提交" /></br> <input type="text" style="display:none"> </form> </body> </html>
[2]禁用form的onsubmit事件:
<html> <head> <title>页面中只有一个input元素时默认提交表单</title> </head> <body> <form onsubmit="return false;"action="XXX" name="myform" method="get"> <input name="contenta" type="text" value="Enter To Submit" /></br> </form> </body> </html> <script type="text/javascript"> function update() { document.forms[0].action="${contextPath}UpdateAction.action"; document.forms[0].submit(); } </script>
相关文章推荐
- HTML小技巧将table边框改为细线
- html 代码
- html中label宽度设置、非替换元素和替换元素
- 你不可不知的HTML优化技巧(转)
- 【HTML打卡】0114 盒模型margin、border、padding
- 没有为扩展名“.cshtml”注册的生成提供程序。
- 你不可不知的HTML优化技巧
- 20160114html学习笔记表单框架颜色脚本字符实体
- 20160113html学习笔记区块网页布局
- html作业总结
- html禁止清除input文本输入缓存
- HTML-自定义视屏播放器(优酷)
- html 的最简洁的遮罩
- 优化exp/imp导入导出速度大全__www.2cto.com/database/201308/238175.html
- 如何生成HTMLTestRunner报告
- html中offsetTop、offsetLeft、scrollLeft、scrollTop各属性介绍
- HTML <link> 标签的 rel 属性
- HTML表单的使用
- HTML Button calling a MVC Controller and Action Method
- 16124_html中id和name属性的区别