HTML教程-HTML<option>标签

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
属性设置选项的样式。
属性:
标签特定属性:
属性 | 值 | 描述 |
---|---|---|
disabled | disabled | 如果设置,则该选项将被禁用。 |
label | 文本 | 定义列表项的名称。 |
selected | selected | 如果设置,则该选项将在列表中默认被选中。 |
value | 文本 | 指定要发送到服务器的数据。 |
全局属性:
HTML的<option>
标签支持HTML的全局属性。
事件属性:
HTML的<option>
标签支持HTML的事件属性。
支持的浏览器
元素 | Chrome | IE | Firefox | Opera | Safari |
---|---|---|---|---|---|
<option> | 是 | 是 | 是 | 是 | 是 |