HTML <option> 标签

HTML <option> 标签用于在下拉列表中定义选项。在下拉列表中，用户可以从一组选项中选择一个选项。选项通常以列表的形式出现在下拉列表中，而每个选项都可以由 <option> 标签定义。

语法

以下是 <option> 标签的基本语法：

<select>
  <option value="选项值">选项名</option>
</select>

其中，<select> 标签定义下拉列表，value 属性定义选项的值，而选项名是 <option> 标签之间的文本。如果您不指定选项值，则为选项名。下拉列表至少包含一个选项。

属性

<option> 标签可以使用如下属性：

属性 | 描述 ---|--- disabled | 规定禁用该选项。 label | 规定 <option> 元素的标签。 selected | 规定预先选中该选项。 value | 规定选项中所返回的值。

示例

<select>
  <option>红色</option>
  <option>绿色</option>
  <option>蓝色</option>
</select>

上面的代码创建了一个包含三个颜色选项的下拉列表。

如果您想要添加值，可以使用 value 属性来实现：

<select>
  <option value="red">红色</option>
  <option value="green">绿色</option>
  <option value="blue">蓝色</option>
</select>

在这里，每个选项有不同的值 - 红色为 "red"、绿色为 "green"，蓝色为 "blue"。

如果您想要预选中某个选项，可以使用 selected 属性：

<select>
  <option>红色</option>
  <option selected>绿色</option>
  <option>蓝色</option>
</select>

在这里，预选中了第二个选项 - 绿色。

如果您想要禁用某个选项，可以使用 disabled 属性：

<select>
  <option>红色</option>
  <option disabled>绿色</option>
  <option>蓝色</option>
</select>

在这里，绿色的选项现在被禁用了。

结论

HTML <option> 标签用于定义下拉列表中的选项，该列表由 <select> 标签定义。使用可用的属性，您可以更改默认值，禁用选项，添加选项值等。