zoukankan      html  css  js  c++  java
  • HTML <input> 标签的 autocomplete 属性

    定义和用法

    autocomplete 属性规定输入字段是否应该启用自动完成功能。

    自动完成允许浏览器预测对字段的输入。当用户在字段开始键入时,浏览器基于之前键入过的值,应该显示出在字段中填写的选项。

    注释:autocomplete 属性适用于 <form>,以及下面的 <input> 类型:text, search, url, telephone, email, password, datepickers, range 以及 color。

    提示:在某些浏览器中,您可能需要手动启用自动完成功能。

    多数浏览器默认会缓存input的值,只有使用ctl+F5强制刷新的才可以清除缓存记录。

    如果不想让浏览器缓存input的值,有2种方法:

    方法一:

    在不想使用缓存的input中添加 autocomplete="off";

    eg: <input type="text" autocomplete="off" name="test" />

    方法二:

    在 input 所在的form标签中添加 autocomplete="off";

    eg:

    <form action="#" autocomplete="off">

    <input type="text" autocomplete="off" name="test" />

    </form>

    但是有一种情况例外,就是表单中有input[type="password"],点击保存密码后,在Chrome浏览器则自动填充了用户名和密码的输入框;为了统一样式,我们需要就对Chrome的问题经行单独处理。

    可以在不需要默认填写的input框中设置 autocomplete="new-password"

    网上咱没有找到对其详细解释,但是发现163邮箱的登录注册是这么用的。

  • 相关阅读:
    uva 11997 K Smallest Sums
    uvalive 3135 Argus
    React-Redux填坑
    fetch方法
    react 学习前期用到的插件
    Redux:with React(一)
    Redux:data flow
    Redux:store
    Redux:Reducers
    Redux:action
  • 原文地址:https://www.cnblogs.com/songjuntao/p/15240447.html
Copyright © 2011-2022 走看看