一 如果<form></form>表单中只有一个<input type=”text”/>，则使文本框获取焦点，并单击回车，form会自动提交。

    提交路径为action属性拼接到当前路径（action属性默认为空字符串，如果form没有action属性，则提交路径与当前路径相同）。

    浏览器表现：Chrome（桌布版、移动版）会出现此问题，Android手机会出现。Safari（桌面版、移动版）不会出现。

    解决方法：禁止表单提交。

    1  设置成<form onsubmit=”return false;”>

    2 增加一个无name属性的隐藏文本框 <input type=”text” style=”display:none;/>

    3 监听input的keydown事件。

   

  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5.         <title>Demo</title>
  6.     </head>
  7.     <body>
  8.         <form >
  9.             <input type="text" name="username"/>
  10.         </form>
  11.     </body>
  12. </html>

 

版权声明：本文为sea-breeze原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/sea-breeze/archive/2004/01/13/7083580.html