zoukankan      html  css  js  c++  java
  • 说说回车键触发表单提交的问题

    我们有时候希望回车键敲在文本框(input element)里来提交表单(form),但有时候又不希望如此。比如搜索行为,希望输入完关键词之后直接按回车键立即提交表单,而有些复杂表单,可能要避免回车键误操作在未完成表单填写的时候就触发了表单提交。

    要控制这些行为,不需要借助JS,已经帮我们做了这些处理,这里总结几规则:

    1、如果表单里有一个type=”submit”的按钮,回车键生效。

    2、如果表单里只有一个type=”text”的input,不管按钮是什么type,回车键生效。

    3、如果按钮不是用input,而是用button,并且没有加type,IE下默认为type=button,FX默认为type=submit。

    4、其他表单元素如textarea、select不影响,radio checkbox不影响触发规则,但本身在FX下会响应回车键,在IE下不响应。

    5、type=”image”的input,效果等同于type=”submit”,不知道为什么会设计这样一种type,不推荐使用,应该用CSS添加背景图合适些。

    实际应用的时候,要让响应回车键很容易,保证表单里有个type=”submit”的按钮就行。而当只有一个文本框又不希望响应回车键怎么办呢?我 的方法有点别扭,就是再写一个无意义的文本框,起来。根据第3规则,我们在用button的时候,尽量显式声明type以使浏览器表现一致。

  • 相关阅读:
    PAT Advanced 1067 Sort with Swap(0, i) (25分)
    PAT Advanced 1048 Find Coins (25分)
    PAT Advanced 1060 Are They Equal (25分)
    PAT Advanced 1088 Rational Arithmetic (20分)
    PAT Advanced 1032 Sharing (25分)
    Linux的at命令
    Sublime Text3使用指南
    IntelliJ IDEA创建第一个Groovy工程
    Sublime Text3 安装ftp插件
    Sublime Text3配置Groovy运行环境
  • 原文地址:https://www.cnblogs.com/dingchenghong/p/2478588.html
Copyright © 2011-2022 走看看