HTML 中的 <option>属性

首页 / HTML入门教程 / HTML 中的 <option>属性

HTML <option>标签在表单中用于定义下拉列表中的选项。

option示例

<!DOCTYPE html>
<html>

   <head>
      <title>HTML option Tag</title>
   </head>

   <body>
      <form action="/cgi-bin/dropdown.cgi" method="post">
         
         <select name="dropdown">
            <option value="Java" selected>Java</option>
            <option value="Ruby">Ruby</option>
         </select>
         
         <input type="submit" value="Submit" />
      </form>
   </body>

</html>

这将产生以下结果-

全局属性

此标签支持 HTML 中描述的所有全局属性。

特定属性

HTML <option>标签还支持以下附加属性-

Attribute Value 描述
disabled disabled 禁用输入控件。该按钮将不接受用户的更改。它也无法获得焦点,并且在按Tab键时将被跳过。
label text 定义使用<optgroup>时要使用的标签。
selected selected 定义页面加载时要选择的默认选项。
value text 指定要发送到服务器的选项的值。

事件属性

此标签支持- HTML 中所述的所有事件属性。

浏览器支持

Chrome Firefox IE Opera Safari Android
Yes Yes Yes Yes Yes Yes

祝学习愉快!(内容编辑有误?请选中要编辑内容 -> 右键 -> 修改 -> 提交!)

技术教程推荐

从0开始学游戏开发 -〔蔡能〕

技术管理实战36讲 -〔刘建国〕

Elasticsearch核心技术与实战 -〔阮一鸣〕

分布式数据库30讲 -〔王磊〕

小马哥讲Spring AOP编程思想 -〔小马哥〕

爆款文案修炼手册 -〔乐剑峰〕

React Hooks 核心原理与实战 -〔王沛〕

Redis源码剖析与实战 -〔蒋德钧〕

零基础学Python(2023版) -〔尹会生〕

好记忆不如烂笔头。留下您的足迹吧 :)