form中只有一个input元素时按回车默认提交表单
2014-12-30 10:07
537 查看
WEB开发中，如果页面中只有一个input元素，在该input元素的输入框中按回车（注：此时并没有写对应的onkeydown等事件处理），则浏览器会默认提交表单，请看如下代码：
[xhtml] view
plaincopyprint?
<html>
<head>
<title>页面中只有一个input元素时默认提交表单</title>
</head>
<body>
<form action="http://www.taobao.com" name="myform" method="get">
<input name="contenta" type="text" value="按回车我就提交" /></br>
</form>
</body>
</html>
那么如何禁止呢，既然是只有一个时发生，可以在form中添加一个隐藏的input元素，修改后的代码如下：
[xhtml] view
plaincopyprint?
<html>
<head>
<title>页面中只有一个input元素时默认提交表单</title>
</head>
<body>
<form action="http://www.taobao.com" name="myform" method="get">
<input name="contenta" type="text" value="按回车我就提交" /></br>
<input style="display:none" mce_style="display:none">
</form>
</body>
</html>
转自：http://blog.csdn.net/shixing_11/article/details/5854080
[xhtml] view
plaincopyprint?
<html>
<head>
<title>页面中只有一个input元素时默认提交表单</title>
</head>
<body>
<form action="http://www.taobao.com" name="myform" method="get">
<input name="contenta" type="text" value="按回车我就提交" /></br>
</form>
</body>
</html>
那么如何禁止呢，既然是只有一个时发生，可以在form中添加一个隐藏的input元素，修改后的代码如下：
[xhtml] view
plaincopyprint?
<html>
<head>
<title>页面中只有一个input元素时默认提交表单</title>
</head>
<body>
<form action="http://www.taobao.com" name="myform" method="get">
<input name="contenta" type="text" value="按回车我就提交" /></br>
<input style="display:none" mce_style="display:none">
</form>
</body>
</html>
转自：http://blog.csdn.net/shixing_11/article/details/5854080
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- form中只有一个input元素时按回车默认提交表单
- HTML 之 Web页面表单form中只有一个input的text元素，按回车默认提交
- 当form表单中只有一个input时按回车键将会自动将表单提交
- JSP中的FORM表单中只有一个input文本的时候，按回车键将会自动将表单提交
- form表单中只有一个input时，回车自动提交的问题解决
- 当form表单中只有一个input时按回车键将会自动将表单提交
- WEB开发,当只有一个input的时候按回车键时，input会默认提交表单
- 表单按回车自动提交 1、当form表单中只有一个<input type="text" name='name' />时按回车键将会自动将表单提交。 <form id='form1' action='a
- form中只有一个input按回车键表单会自动提交问题
- 当只有一个input的时候按回车键时，input会默认提交表单
- JSP中的FORM表单中只有一个input文本时，按回车键将会自动提交表单
- 今天遇到一个问题,原来在html的form中如果只有一个type="text"的控件,如果在text中点击回车键,就是自动提交表单!
- 当form表单中只有一个input文本框，会自动提交
- form表单 一个input时 回车自动提交
- form内只有一个输入框时,按回车会自动提交
- 防止INPUT回车自动提交FORM表单
- 按下回车默认提交form表单问题
- JSP Form表单input元素不能提交
- form表单通过find查找元素，回车自动提交
- Form 表单中的Input元素回车时不保存表单