HTML option标记 HTMLoption标记|HTML5

本文概述

属性
支持的浏览器

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="http://www.srcmini.com/yellow" style="color: violet; "> Violet< /option> < option value="http://www.srcmini.com/white" style="color: blue; "> Blue< /option> < option value="http://www.srcmini.com/black" style="color: black; "> Black< /option> < option value="http://www.srcmini.com/green" style="color: green; "> green< /option> < option value="http://www.srcmini.com/red" style="color: red; "> Red< /option> < /select> < /form> < /body>

立即测试
输出：

文章图片
属性特定于标签的属性：

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