[DOM] Input elements should have autocomplete attributes (suggested: "current-password")提示解决方案和原因

报错提示语为:输入元素应具有自动完成属性(建议:“当前密码”):

解决方法为:添加一个 autocomplete

             <input
                v-model="FormData.password"
                :type="isPassword"
                placeholder="请输入密码"
                @input="handleInput($event)"
                class="longin_inputs"
               autocomplete
              />

 autocomplete 属性

autocomplete 属性规定输入字段是否应该启用自动完成功能。此功能主要是记住输入内容,下次提交表单或者浏览器回退后,还能保持表单内容不变。

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

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

 

其中:

<input autocomplete="off">
<input autocomplete="on">


off:表示控件的输入数据特别敏感(例如核武器的激活码); 或者它是一个永远不会被重用的值(例如银行登录的一次性密钥),因此用户每次都必须明确输入数据,而不是依靠UA用户代理预先填写它们的价值; 或者文档提供了自己的自动完成机制,并且不希望用户代理提供自动完成值。
on:关键字表示允许用户代理向用户提供自动完成值,但不提供有关用户可能要输入的数据类型的任何进一步信息。用户代理必须使用启发式方法来确定要建议的自动完成值。
 

 

 

  • 2
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值