什么是 <option> 标签?
在 HTML 中,<option> 标签用于定义下拉列表(<select>)中的一个可选项。
它通常作为 <select>、<optgroup> 或 <datalist> 的子元素使用。
基本语法
<select name="color">
<option value="red">红色</option>
<option value="green">绿色</option>
<option value="blue">蓝色</option>
</select>
常用属性
- value:提交表单时发送给服务器的值。
- selected:默认选中的选项(布尔属性)。
- disabled:禁用该选项,用户无法选择。
- label(较少用):为选项提供简短标签,若未设置则使用元素内容。
交互示例
请选择你喜欢的颜色:
你选择了:绿色
注意事项
- 如果未指定 value 属性,则提交时会使用 <option> 标签内的文本内容。
- 多个 selected 属性在单选下拉框中只有第一个生效;在多选(<select multiple>)中可同时选中多个。
- 为了更好的可访问性(Accessibility),建议为 <select> 添加 <label>。