正在加载...
HTML select
答案必须是若干固定选项之一时，select 比自由输入更清晰。
直接回答
在 <select name="…"> 内放 <option>。提交选中项的 value。加 label。长列表用 <optgroup>。
Basic select
html
HTML Code
<label for="city">City</label>
<select id="city" name="city">
<option value="">Choose…</option>
<option value="teh">Tehran</option>
<option value="isf">Isfahan</option>
</select>Options with optgroup
html
HTML Code
<label for="meal">Meal</label>
<select id="meal" name="meal">
<optgroup label="Veg">
<option value="salad">Salad</option>
<option value="soup">Soup</option>
</optgroup>
<optgroup label="Other">
<option value="stew">Stew</option>
</optgroup>
</select>试一试
- 三城市 select
- 空 Choose…
- optgroup
- name/value
常见错误
- 忘记 value
- 无 label
- 超长未分组列表
小结
- select + option
- select 上 name；option 上 value
- optgroup 分组
- 始终 label
🧠 测试您的知识
准备开始
测试您的知识
通过这个互动测验挑战自己，看看你对这个主题的理解程度如何
5
问题
70%
及格要求
∞
时间
∞
尝试次数
📝 说明
- 仔细阅读每个问题
- 为每个问题选择最佳答案
- 您可以随时重新参加测验
- 您的进度将显示在顶部