正在加载...
HTML datalist
datalist 给 input 自动完成式建议，不必锁死下拉。
直接回答
<datalist id> 内 <option value>；input 设 list=id。
Input with datalist suggestions
html
HTML Code
<label for="browser">Browser</label>
<input id="browser" name="browser" list="browsers" placeholder="Type or choose">
<datalist id="browsers">
<option value="Firefox">
<option value="Chrome">
<option value="Edge">
<option value="Safari">
</datalist>试一试
- list
- 四个 option
- 输入/选建议
- 对比 select
常见错误
- list/id 不匹配
- 当成 select
- 无 label
小结
- datalist 建议值
- list + id
- 仍可自填
- 固定选 select
🧠 测试您的知识
准备开始
测试您的知识
通过这个互动测验挑战自己，看看你对这个主题的理解程度如何
4
问题
70%
及格要求
∞
时间
∞
尝试次数
📝 说明
- 仔细阅读每个问题
- 为每个问题选择最佳答案
- 您可以随时重新参加测验
- 您的进度将显示在顶部