回车提交表单的测试

最新推荐文章于 2024-08-26 15:43:15 发布

原创最新推荐文章于 2024-08-26 15:43:15 发布 · 2.2k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#input #button #action #firefox #ie #测试

前端开发专栏收录该内容

49 篇文章

订阅专栏

本文通过不同的HTML表单配置测试了在Firefox和IE浏览器中回车键触发表单提交的行为。涉及不同类型的输入元素（如input和button）及其实现方式的影响。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这是好久以前做的测试，结果有些记不清了，拿出来在温习下。也顺便让大家找找有问题没。

只有一个input，回车自动提交表单 <form method="post" action="a.html" target="_blank"> <input type="text" name="qqq"/> </form> 只有一个input和一个submit，回车自动提交表单 <form method="post" action="a.html" target="_blank"> <input type="text" name="qqq"/> <input type="submit"/> </form> 只有一个input和一个button，回车自动提交表单 <form method="post" action="a.html" target="_blank"> <input type="text" name="qqq"/> <button>提交</button> </form> 有两个input和一个submit，回车自动提交表单 <form method="post" action="a.html" target="_blank"> <input type="text" name="qqq"/><br/> <input type="text" name="www"/> <input type="text" name="textfield2" style="display:none" mce_style="display:none"/> <input type="submit"/> </form> 有两个input和一个button，firefox回车自动提交表单，ie不自动提交<br/> <form method="post" action="a.html" target="_blank"> <input type="text" name="qqq"/><br/> <input type="text" name="www"/> <button onclick="subForm()">提交</button>  </form> 有两个input和一个input button，firefox回车不自动提交表单，ie不自动提交<br/> 表单中加一个隐藏的submit后，firefox回车自动提交表单，ie不自动提交<br/> <form method="post" action="a.html" target="_blank"> <input type="text" name="qqq"/><br/> <input type="text" name="www"/>  <input type="button" value="提交" onclick="subForm()"/> </form> 有两个input和一个input button，firefox ie 都不自动提交 <form name='frm' method="post" action="a.html" target="_blank"> <input type="text" name="qqq"/><br/> <input type="text" name="www"/> <input type="button" value="提交" onclick="frm.submit();"/> </form>  <mce:script type="text/javascript"></mce:script> //onsubmit="return false;" <form method="get" action="a.html" target="_blank" onsubmit="return false;"> <input type="text" name="www"/> <button>提交</button> <input id="searchBox_forceForm_submit" type="submit"> </form>