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

最新推荐文章于 2023-03-15 14:19:40 发布

寻找Simple

最新推荐文章于 2023-03-15 14:19:40 发布

阅读量1.1k

点赞数

分类专栏： html web

html 同时被 2 个专栏收录

4 篇文章 0 订阅

订阅专栏

web

3 篇文章 0 订阅

订阅专栏

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 
  

寻找Simple

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
form中只有一个input元素时按回车默认提交表单

WEB开发中，如果页面中只有一个input元素，在该input元素的输入框中按回车（注：此时并没有写对应的onkeydown等事件处理），则浏览器会默认提交表单，请看如下代码：[xhtml] view plaincopyprint?html> head> title>页面中只有一个input元素时默认提交表
复制链接

扫一扫