<option> 标签用于定义 <select> 元素中的选项。在下拉列表框中,每个可选项都通过 <option> 元素来表示。以下是一个简单的示例:
<select>
  <option value="apple">苹果</option>
  <option value="orange">橙子</option>
  <option value="banana">香蕉</option>
</select>

在这个例子中,<select> 元素包含了三个 <option> 元素,每个 <option> 元素表示下拉列表中的一个选项。value 属性用于指定提交表单时发送到服务器的选项值。如果没有提供 value 属性,选项的文本内容将被用作值。

可以通过设置 selected 属性使某个选项在页面加载时默认被选中:
<select>
  <option value="apple">苹果</option>
  <option value="orange" selected>橙子</option>
  <option value="banana">香蕉</option>
</select>

在这个例子中,"橙子" 将在页面加载时默认被选中。

<option> 标签还可以包含其他属性和元素,例如 disabled 属性,用于禁用某个选项。
<select>
  <option value="apple">苹果</option>
  <option value="orange" disabled>橙子(不可选)</option>
  <option value="banana">香蕉</option>
</select>

这个例子中的 "橙子" 选项是被禁用的,用户无法选择它。

总之,<option> 标签是用于定义 <select> 元素中的各个选项的重要元素,它允许你创建用户可选择的下拉列表项。


转载请注明出处:http://www.zyzy.cn/article/detail/3883/HTML