输入框(form标签、input标签、select标签、textarea标签)自动填充、历史记录的设置与清除 autocomplete

本文探讨了HTML中input标签的自动填充(autocomplete)功能,包括预测问题、输入历史和限制输入的选择。当自定义的autocomplete与浏览器默认功能冲突时,可通过关闭HTML标签的自动输入属性解决。同时,文章提到了清除输入历史的方法,并指出浏览器的autocomplete可能存在安全隐患。
摘要由CSDN通过智能技术生成

在我们使用input等标签的时候,也许会用到一些auto-complete的功能,让用户的体验更加完善,如根据用户输入的内容来自动判断、填充。

case1 预测问题

下例为我在百度上输入“为什么”之后,百度自动跳出的autocomplete内容,应该是最近百度用户问的最多的问题。
case

case2 输入历史

有时候一个输入框可能是用户之前输入过很多次的、相同的内容(如用户名、密码等基本不变的信息),这个时候,autocomplete是节省用户输入的时间,自动填充信息。
下例为bing搜索上的历史记录,也是autocomplete的use case之一。
case

case3 限制输入、选择输入

有时候输入框会由于其他的输入,或者某些条件让输入内容有所限制,如选择省份之后,城市的输入框的autocomplete内容需要根据用户输入(选择)的省份来进行设置。
此case有很多例子,相信大家都遇到过,在此不进行举例。

问题所在

问题来了,如果你的autocomplete功能与浏览器的input标签自带的autocomplete功能重复&#

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值