• 表单回车提交


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

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

  • 相关阅读:
    linux软硬链接
    yum配置文件位置
    What is Docker?
    easy_install下载地址及安装
    python setuptools安装
    django--模板
    django基础PROJECT APP View template
    flask+uswgi+nginx+python3.6的venv发布网站ubuntu14.04
    Mixnode 让操作网络资源和数据库一样简单,不一样的爬虫!
    React Native vs. Cordova.
  • 原文地址:https://www.cnblogs.com/afei-happy/p/4119391.html
Copyright © 2020-2023  润新知