datalist 提示生效需 list 属性与 datalist 的 id 严格字符串匹配（大小写、空格敏感，不可带#），且二者须同文档；仅 option 的 value 参与前缀匹配，区分大小写；autocomplete="off" 会禁用提示；移动端 Safari 支持有限；动态更新需手动重聚焦。
list 属性必须匹配 datalist 的 id 才能生效
很多初学者写完 <input list="suggestions"> 和 <datalist id="suggestions"> 还没提示，其实是 list 值和 datalist 的 id 不一致。浏览器只认严格字符串匹配，大小写、空格、引号都算错。
-
list的值是纯 ID 字符串，不能带#（比如写成list="#suggestions"就失效） -
datalist必须有id，不能只用name或其他属性替代 - 两者必须在同一个 HTML 文档内，不支持跨 iframe 或外部文件引用
option 标签内容决定提示项，value 是关键字段
datalist 里只有 <option value="xxx"> 的 value 属性会被用于匹配和填充输入框，option 标签内的文本内容（如 <option value="js">JavaScript</option>）仅作显示，不影响自动补全逻辑。
- 用户输入时，浏览器按前缀匹配
value字符串（区分大小写），不是按显示文本匹配 - 可以重复使用相同
value，但不会去重；多个option的value相同，只显示一个提示项 - 如果想让提示项更友好，可在
value里放简写，用文本内容补充说明，比如：<option value="py">Python (v3.12)</option>
不支持 placeholder 和 autocomplete="off" 同时存在
当 input 设置了 autocomplete="off"，多数浏览器会直接禁用 datalist 提示——这不是 bug，是规范行为。Chrome、Edge、Firefox 都遵循这点。
- 若需保留提示，就别设
autocomplete="off"；如必须关自动填充，可改用autocomplete="new-password"这类特殊值绕过限制 -
placeholder不影响datalist，但若用户已输入内容，placeholder 会消失，不影响匹配逻辑 - 移动端 Safari 对
datalist支持较弱，iOS 15.4+ 才开始稳定支持，旧版本可能完全不显示下拉提示
动态更新 datalist 需要重新绑定或触发重绘
JS 修改 datalist 内容后，已聚焦的 input 不会自动刷新提示列表。用户得失焦再聚焦，或手动触发一次 input 的 list 关联重载。
立即学习“前端免费学习笔记（深入）”；
- 最简单做法：修改完
datalist后，对input执行inputElement.blur(); inputElement.focus(); - 避免直接 innerHTML 替换整个
datalist，改用appendChild或replaceChild更稳妥 - 注意：修改
option的value属性后，已输入的部分仍按原匹配逻辑响应，新输入才走新值
autocomplete 库或自建下拉组件。 
