前端面试:H5 如何清除Input输入框多次输入的历史记录?

如何清除Input输入框多次输入的历史记录?

前言

定义和用法

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

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

注释:

autocomplete 属性适用于 <form>,以及下面的 <input> 类型:
text, search, url, telephone, email, password, datepickers, range 以及 color。
复制代码
语法:
<input autocomplete="value">
复制代码
属性值
值	描述
on	默认。规定启用自动完成功能。
off	规定禁用自动完成功能。
复制代码
举例

在以下代码中:启用了自动完成功能的表单,但是在type="email"中,禁用了自动完成功能:

First name:
Last name:
E-mail:
<form action="demo_form.asp" method="get" autocomplete="on">
  First name:<input type="text" name="fname" /><br />
  Last name: <input type="text" name="lname" /><br />
  E-mail: <input type="email" name="email" autocomplete="off" /><br />
  <input type="submit" />
</form>
复制代码

原理是什么?

autocomplete 属性是 HTML5 中的新属性。

  • 当 属性value="on"时候,将启用自动完成功能,浏览器将历史输入值缓存,方便客户下次快速选择输入历史记录;

  • 当 属性value="off"时候,将关闭自动完成功能,这时候,可以防止浏览器软件或者恶意插件对拦截获取客户历史输入记录;防止泄密;

转载于:https://juejin.im/post/5cb854bce51d456e79545c6b

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值