IE中用回车提交表单的问题

最新推荐文章于 2022-07-11 07:35:00 发布

weixin_30823683

最新推荐文章于 2022-07-11 07:35:00 发布

阅读量166

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/jacobz/archive/2011/09/09/2172605.html

本文介绍了在IE浏览器中，当表单内仅包含一个文本输入框时，用户按下回车键无法触发表单提交的情况，并提供了通过引入IE条件注释来解决此问题的方法。

现象：form中如果只有一个text输入框时，回车并不会触发表单提交。

解决方法：使用IE的条件注释来加入一个隐藏且不可用的text输入框即可。

<form action="" method="post">
<fieldset>
<!--[if IE]>
<input type="text" style="display: none;" disabled="disabled" size="1" />
<![endif]-->
<label for="user_name">User Name</label>
<input type="text" name="user_name" id="user_name">
</fieldset>
<fieldset class="button">
<button type="submit" name="submit" id="submit" title="Verify User Name">Verify User Name</button>
</fieldset>
</form>

原文：http://style-vs-substance.com/development/form-submit-by-enter-key-and-internet-explorer/

转载于:https://www.cnblogs.com/jacobz/archive/2011/09/09/2172605.html