HTML option标签

HTML option标签是用于创建select元素中的单个选项的标签。select元素为下拉框，内含多个option选项，使用户可以从多个选项中进行选择。

语法

<select>
  <option value="value1">选项1</option>
  <option value="value2">选项2</option>
  <option value="value3">选项3</option>
</select>

在<select>标签内用<option>标签进行选项的定义。<option>标签有两个属性：value和selected。

• value：选项的值，用于提交表单时，提交的值为value的值。
• selected：设置默认选中的选项。

用法示例

<form>
  <select name="cars">
    <option value="volvo">沃尔沃</option>
    <option value="saab">萨博</option>
    <option value="mercedes">奔驰</option>
    <option value="audi">奥迪</option>
  </select>
</form>

在此示例中，用户可以从下拉框中选择车辆品牌，并将选中的品牌值提交给服务器。

属性

• disabled：禁用该选项，选项将无法被选择。
• label：指定选项的标签，方便屏幕阅读器读取。
• selected：选中该选项，在下拉框的初始状态中就为该选项。

总结

HTML option标签是创建下拉框的基础。请注意，<option>标签只能作为<select>标签的子元素存在。<option>标签的属性可以帮助您更好地控制下拉框的外观和行为。