zoukankan      html  css  js  c++  java
  • 表单回车提交

    1、如果form里面只有一个input type=text,那么无论有没有submit按钮,在input中回车都会提交表单。如果不想回车提交,需要再加一个input type=text,然后设置display:none.

    2、如果form里面多于一个input type=text,那么必须有一个submit按钮才可以回车提交表单。
    按钮可以是input也可以是button,他们应设置type=submit。如果只写button而不写type,那么IE下type=button,FF下则是type=submit。

    3、如果form里面多于一个input type=text,并想实现回车提交表单,又不想在页面中出现原生的submit按钮。比如:你想通过一个带hover的图片连接,并通过js脚本来实现华丽的验证及表单提交…

    今天遇到一个问题。


    当form在这几种情况下时具有敲击回车后自动提交的功能:


    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添加背景图合适些。

    这种提交可能并不是我们想要的,为了取消这种自动提交的功能可以这样处理,就是再写一个无意义的文本框,隐藏起来。

  • 相关阅读:
    209. Minimum Size Subarray Sum
    208. Implement Trie (Prefix Tree)
    207. Course Schedule
    206. Reverse Linked List
    205. Isomorphic Strings
    204. Count Primes
    203. Remove Linked List Elements
    201. Bitwise AND of Numbers Range
    199. Binary Tree Right Side View
    ArcGIS API for JavaScript 4.2学习笔记[8] 2D与3D视图同步
  • 原文地址:https://www.cnblogs.com/afei-happy/p/4119391.html
Copyright © 2011-2022 走看看