码迷,mamicode.com
首页 > Web开发 > 详细

HTML 之 Web页面表单form中只有一个input的text元素,按回车默认提交

时间:2016-01-15 11:05:07      阅读:157      评论:0      收藏:0      [点我收藏+]

标签:

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

<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 之 Web页面表单form中只有一个input的text元素,按回车默认提交

标签:

原文地址:http://www.cnblogs.com/xinaixia/p/5132508.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!