DataList：input输入框自动提示宝器

最新推荐文章于 2025-06-11 08:08:42 发布

转载最新推荐文章于 2025-06-11 08:08:42 发布 · 237 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/u/2494395/blog/885840

文章标签：

#python

本文介绍了HTML5中DataList元素的功能和使用方法。DataList能在用户输入时提供自动建议列表，增强用户体验，但不强制用户必须从建议列表中选择。文章通过示例展示了如何将DataList与Input元素结合使用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2019独角兽企业重金招聘Python工程师标准>>>

1.DataList的作用是在你往input输入框里输入信息时，根据你敲进去的字母，自动显示一个提示下列列表

2.DataList的表现很像是一个Select下拉列表，但它只是提示作用，并不限制用户在input输入框里输入什么。

举个栗子：

<label for="country_name">国家 : </label><input id="country_name" name="country_name" type="text" list="country" />
<datalist id="country">
   <option value="Afghanistan 阿富汗">
   <option value="Albania 阿尔巴尼亚">
   <option value="Algeria 阿尔及利亚">
   <option value="Andorra 安道尔共和国">
   <option value="Angola 安哥拉">
</datalist>