HTML option标记 - 珊瑚贝

本文概述

属性
支持的浏览器

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

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

提示：<option>标记可以不带任何属性使用, 但应与value属性一起使用, 该属性指定向服务器发送的内容。

句法

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

以下是有关HTML <option>标记的一些规范

Display	Inline
开始日期/结束日期	开始和结束标签
Usage	表格和输入

例

<!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>

立即测试

输出：

属性

特定于标签的属性：

属性	值	描述
disabled	disabled	如果设置, 则该选项将被禁用。
label	text	它定义了列表项的名称。
selected	selected	如果已设置, 则默认情况下将在列表中将其选中。
value	text	它指定发送到服务器的数据。