• 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邮箱的登录注册是这么用的。

  • 相关阅读:
    luogu P2639 [USACO09OCT]Bessie的体重问题Bessie's We…
    1001. 害死人不偿命的(3n+1)猜想 (15)
    1003. 我要通过!(20)
    1002. 写出这个数 (20)
    《C语言程序设计(第四版)》阅读心得(一)
    1006. 换个格式输出整数 (15)
    背包问题之多重背包
    背包问题之完全背包
    背包问题之0-1背包
    动态规划例题
  • 原文地址:https://www.cnblogs.com/songjuntao/p/15240447.html
Copyright © 2020-2023  润新知