HTML的<option>标签用于在<select><datalist>元素中定义下拉列表的选项。下拉列表必须至少有一个<option>元素。

相关的下拉列表选项可以使用<optgroup>元素进行分组,这有助于理解一个大列表。

提示:<option>标签可以不带任何属性使用,但应该使用value属性,它指定要发送到服务器的值。

语法

<option value="">.....</option>

下面是关于HTML <option>标签的一些规范:

显示方式内联
开始标签/结束标签开始和结束标签
用法表单和输入

示例

<!DOCTYPE html>
<html>
<head>
  <title>Option Tag</title>
  <style>
    body {
      text-align: center;
    }
  </style>
</head>
<body>
  <h2>Example of option tag</h2>
  <form>
    <select>
      <option>-------Select Your Favorite Color----------</option>
      <option value="yellow" style="color: violet;">Violet</option>
      <option value="white" style="color: blue;">Blue</option>
      <option value="black" style="color: black;">Black</option>
      <option value="green" style="color: green;">Green</option>
      <option value="red" style="color: red;">Red</option>
    </select>
  </form>
</body>
</html>

在这个示例中,我们创建了一个简单的下拉列表,其中包含了一些颜色选项。

<option>标签用于定义下拉列表中的选项,它应该位于<select>元素内部。每个<option>可以使用value属性指定选项的值,并可以使用style属性设置选项的样式。

属性:

标签特定属性:

属性描述
disableddisabled如果设置,则该选项将被禁用。
label文本定义列表项的名称。
selectedselected如果设置,则该选项将在列表中默认被选中。
value文本指定要发送到服务器的数据。

全局属性:

HTML的<option>标签支持HTML的全局属性。

事件属性:

HTML的<option>标签支持HTML的事件属性。

支持的浏览器

元素ChromeIEFirefoxOperaSafari
<option>

标签: html, HTML教程, HTML技术, HTML学习, HTML学习教程, HTML下载, HTML语言, HTML开发, HTML入门教程, HTML进阶教程, HTML高级教程, HTML面试题, HTML笔试题, HTML编程思想