html5的标签提供原生自动完成功能，通过input的list属性绑定id匹配的datalist，支持前缀式、大小写不敏感匹配，仅需value属性的option，兼容现代浏览器但不支持异步或模糊搜索。
HTML5 的 它不替代输入框，而是作为其“数据源”配合使用，浏览器会自动匹配用户输入并显示匹配项。
基本用法：绑定 input 与 datalist
关键在于给 设置 list 属性，其值等于
用户在输入框中输入时（如输“C”），浏览器自动弹出含“Chrome”的下拉建议。注意：
-
匹配逻辑与行为特点
- 输入“c”会匹配“Chrome”“Chromebook”（如果存在），但不会匹配“Microsoft”
- 输入“rome”不会触发匹配——只从开头匹配
- 用户可自由输入任意内容，即使不在列表中，表单仍能正常提交
- 点击选项或按方向键+回车可快速选中，选中后 value 填入 input
增强实用性的小技巧
虽原生功能简洁，但可通过简单方式提升体验：
- 用多个
- 结合 placeholder 提示用户可选范围，如：
- 服务端动态生成
局限性与注意事项
- 不支持异步加载、模糊搜索、分组、图标或自定义样式
- 旧版 IE（≤9）完全不支持，Edge 12+、Chrome 20+、Firefox 4+、Safari 12.1+ 支持良好
- 无法监听“选择事件”，只能监听 input 或 change 事件来响应值变化
- 移动端兼容性较好，但部分 Android 浏览器可能仅显示为键盘建议而非下拉菜单
如需搜索建议、远程数据、高亮关键词或复杂交互，仍需搭配 JavaScript 库（如 Awesomplete、Select2）；但对简单字段（省份、浏览器、单位等有限枚举），
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
