: 数据列表标签

最后更新：2026-09-12

<datalist>数据列表标签

为 input 提供一组预输入建议（下拉提示），用户仍可自由输入，需配合 input 的 list 属性。

<input list="browsers">
<datalist id="browsers">
  <option value="Chrome">
  <option value="Firefox">
</datalist>

编辑下方代码，在 playground 中查看实时效果：

浏览器	Chrome	Edge	Firefox	Safari	Opera
<datalist>	✓ v1	✓ v12	✓ v1	✓ v1	✓ v1
所有主流浏览器均支持

提示： datalist 本身不显示，只通过 input 的 list 属性被引用；各浏览器提示样式不同。

更多案例即将上线，敬请期待。

Web-Tutorial 技术团队

由多位开发者共同维护的编程教程平台。每篇教程由对应领域的开发者编写和审核，确保内容准确可靠。如发现任何问题，欢迎向我们反馈。