<option> 标签的作用详解

什么是 <option> 标签？

在 HTML 中，<option> 标签用于定义下拉列表（<select> 元素）中的一个可选项。 每个 <option> 代表用户可以选择的一个值。

基本语法

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

常用属性

• value：提交表单时发送到服务器的值。
• selected：指定该选项默认被选中。
• disabled：禁用该选项，使其不可选择。
• label（较少使用）：为选项提供一个简短标签。

示例：带默认选中和禁用选项

<select>
  <option value="apple">苹果</option>
  <option value="banana" selected>香蕉（默认）</option>
  <option value="orange" disabled>橙子（不可选）</option>
</select>

注意事项

- <option> 必须嵌套在 <select>、<optgroup> 或某些 datalist 元素中。
- 如果未设置 value 属性，则选项的文本内容将作为提交值。
- 在现代 Web 开发中，常与 JavaScript 配合实现动态选项加载或联动效果。