HTML5----input-datalist输入框自动提示功能

最新推荐文章于 2025-05-19 20:26:05 发布

原创最新推荐文章于 2025-05-19 20:26:05 发布 · 6.9k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#datalist #输入框自动提示

HTML5.CSS3 同时被 2 个专栏收录

46 篇文章

订阅专栏

HTML5

12 篇文章

订阅专栏

本文介绍如何使用HTML和JavaScript实现一个简单的字母选择器，并通过创建一个下拉列表来展示预定义的选项。

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

效果图：

<label for="word_name">字母 : </label>
<input id="word_name" name="country_name" type="text" list="word" />
<datalist id="word">
   <option value="aaaa">
   <option value="aabb">
   <option value="bbbb">
   <option value="bbcc">
   <option value="ccdd">
   <option value="dddd">
   <option value="中国">
</datalist>

支持browser：FF,Chrome...