<option> 标签用法详解

<option> 是 HTML 中用于定义下拉列表（<select>）中可选项的标签。它是构建用户交互式表单的重要组成部分。

基本语法

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

常用属性

• value：提交表单时发送到服务器的值。
• selected：设置该选项为默认选中项。
• disabled：禁用该选项，用户无法选择。
• label（较少使用）：为选项提供一个简短标签，替代显示内容。

示例演示

JavaScript 交互示例

下面的选择框会实时显示你选择的值：

JavaScript CSS HTML

你选择了：未选择

最佳实践

• 始终为 <select> 提供有意义的 name 属性，便于后端处理。
• 使用空值选项（如“请选择”）作为占位符，提升用户体验。
• 避免在 value 中使用中文，推荐使用英文或编码值。
• 对重要选项使用 selected 提供默认值，减少用户操作。