个性化阅读
专注于IT技术分析

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>

立即测试

输出:

HTML option标签

属性

特定于标签的属性:

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

全局属性:

HTML <option>标记支持HTML中的全局属性

事件属性:

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

支持的浏览器

Element Chrome IE Firefox Opera Safari
<option> Yes Yes Yes Yes Yes
赞(0)
未经允许不得转载:srcmini » HTML option标记

评论 抢沙发

评论前必须登录!