HTML 标签列表

HTML <option> 定义选项标签

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

下拉列表的相关 <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>

输出:

HTML 选项标签

属性:

特定于标签的属性:

属性属性值描述
disableddisabled如果已设置,则该选项将被禁用。
labeltext它定义列表项的名称。
selectedselected如果已设置,则默认情况下将在列表中选择它。
valuetext它指定发送到服务器的数据。

全局属性:

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

事件属性:

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


支持浏览器

元素ChromeIEFirefoxSafariOpera
<option>YesYesYesYesYes


  • 使用社交账号登录,本站支持
全部评论(0)