当前位置:首页 > javascript > 正文

点击enter表单自动提交的问题

今天碰到一个问题,就是用户按下enter的时候,总是有页面跳转,搜索了很久也没找到原因,最后考虑是否是因为form的原因;
查看了一些博文后,找到如下总结:

如果表单里有一个type=”submit”的按钮,回车键生效。
如果表单里只有一个type=”text”的input,不管按钮是什么type,回车键生效。
如果按钮不是用input,而是用button,并且没有加type,IE下默认为type=button,FX默认为type=submit。
其他表单元素如textarea、select不影响,radio checkbox不影响触发规则,但本身在FX下会响应回车键,在IE下不响应。
type=”image”的input,效果等同于type=”submit”,不知道为什么会设计这样一种type,不推荐使用,应该用CSS添加背景图合适些。

实际应用的时候,要让表单响应回车键很容易,保证表单里有个type=”submit”的按钮就行。

记住,在有form表单的情况下,只要出现input type=”text”,用户按enter,就会导致表单的自动提交,为了避免该问题的出现,可以在

1 条评论

  1. 沙发2014-03-31 上午12:05
    air max 97

    点击enter表单自动提交的问题|比特中国 Piece of writing writing is also a fun, if you be familiar with then you can write or else it is difficult to write.
    air max 97 http://www.chenangosupply.com/css/en.php

发表评论

您必须 [ 登录 ] 才能发表留言!