利用autocomplete完成文本框的缓存与提示


前言

在近期开发中遇到了文本框输入,但是用户还想要进行历史记录缓存并且提示的问题。
最终,通过使用autocomplete属性进行解决。


一、autocomplete是什么?

autocomplete就是指用户在文本框输入前几个字母或是汉字的时候,该控件就能从存放数据的文本或是数据库里将所有以这些字母开头的数据提示给用户,供用户选择,提供方便。

autocomplete属性的属性值:

描述
on 默认。规定启用自动完成功能。浏览器会基于用户之前键入的值自动完成值。
off 规定禁用自动完成功能。用户必须在每次使用时输入值到每个字段中,浏览器不会自动完成输入。

二、使用步骤

在常规的input组件中,增加nameautocomplete=“on”
浏览器会根据name的值进行对应的数据匹配,因此需要相同数据缓存,需要使用相同的name
示例:

<input name="XXX" autocomplete="on" ></input>

总结

得到了客户正向反馈!
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/YIGE_MO/article/details/128813175