amk 发表于 2013-10-12 17:35:34

form中只有一个input元素时按回车默认提交表单

WEB开发中,如果页面中只有一个input元素,在该input元素的输入框中按回车(注:此时并没有写对应的onkeydown等事件处理),则浏览器会默认提交表单,请看如下代码:

<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元素,修改后的代码如下:

<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>

页: [1]
查看完整版本: form中只有一个input元素时按回车默认提交表单