HTML5 <option> 标签

news/2024/12/2 18:56:36/

定义和用法

HTML5 <option> 标签定义下拉列表中的一个选项。

HTML 4.01 与 HTML 5 之间的差异

在 HTML 5 中,<option> 标签也用于新元素 <datalist> 中。

提示和注释

注释:<option> 标签能够在不带任何属性的情况下使用,但是通常需要 value 属性,该属性定义了发送到服务器的数据。

注释:请与 <select> 或 <datalist> 标签结合使用。在其他地方,<option> 标签是无意义的。

例子

<select><option value="volvo">Volvo</option><option value="saab">Saab</option><option value="opel" selected="selected">Opel</option><option value="audi">Audi</option>
</select>

属性

属性描述45
disableddisabled规定此选项应在首次加载时被禁用。45
labeltext定义当使用 <optgroup> 时所使用的标注。45
selectedselected规定选项(在首次显示在列表中时)表现为选中状态。45
valuetext定义送往服务器的选项值。45

标准属性

class, contenteditable, contextmenu, dir, draggable, id, irrelevant, 
lang, ref, registrationmark, tabindex, template, title

如需完整的描述,请访问 HTML 5 中标准属性。

事件属性

onabort, onbeforeunload, onblur, onchange, onclick, oncontextmenu, 
ondblclick, ondrag, ondragend, ondragenter, ondragleave, ondragover, 
ondragstart, ondrop, onerror, onfocus, onkeydown, onkeypress, onkeyup, 
onload, onmessage, onmousedown, onmousemove, onmouseover, onmouseout, 
onmouseup, onmousewheel, onresize, onscroll, onselect, onsubmit, onunload

HTML5 <option> 标签

2022-05-23 15:00 更新

定义和用法

HTML5 <option> 标签定义下拉列表中的一个选项。

HTML 4.01 与 HTML 5 之间的差异

在 HTML 5 中,<option> 标签也用于新元素 <datalist> 中。

提示和注释

注释:<option> 标签能够在不带任何属性的情况下使用,但是通常需要 value 属性,该属性定义了发送到服务器的数据。

注释:请与 <select> 或 <datalist> 标签结合使用。在其他地方,<option> 标签是无意义的。

例子

<select><option value="volvo">Volvo</option><option value="saab">Saab</option><option value="opel" selected="selected">Opel</option><option value="audi">Audi</option>
</select>

属性

属性描述45
disableddisabled规定此选项应在首次加载时被禁用。45
labeltext定义当使用 <optgroup> 时所使用的标注。45
selectedselected规定选项(在首次显示在列表中时)表现为选中状态。45
valuetext定义送往服务器的选项值。45

标准属性

class, contenteditable, contextmenu, dir, draggable, id, irrelevant, 
lang, ref, registrationmark, tabindex, template, title

如需完整的描述,请访问 HTML 5 中标准属性。

事件属性

onabort, onbeforeunload, onblur, onchange, onclick, oncontextmenu, 
ondblclick, ondrag, ondragend, ondragenter, ondragleave, ondragover, 
ondragstart, ondrop, onerror, onfocus, onkeydown, onkeypress, onkeyup, 
onload, onmessage, onmousedown, onmousemove, onmouseover, onmouseout, 
onmouseup, onmousewheel, onresize, onscroll, onselect, onsubmit, onunload

http://www.ppmy.cn/news/45105.html

相关文章

androidstudio虚拟机运行react-native项目踩坑指南

androidstudio虚拟机运行react-native项目踩坑指南 安装JDK安装android studio配置环境变量新建虚拟机新建RN项目运行项目 本文详细的记录了照react-native官网文档运行项目踩到的所有坑&#xff0c;诚然&#xff0c;官网只介绍了每一步&#xff0c;最后确实是可以正常运行项目…

MySQL中使用IN()查询到底走不走索引?

MySQL中使用IN&#xff08;&#xff09;查询到底走不走索引&#xff1f; 看数据量 EXPLAIN SELECT * from users WHERE is_doctor in (0,1); 很明显没走索引&#xff0c;下面再看一个sql。 EXPLAIN SELECT * from users WHERE is_doctor in (2,1);又走索引了&#xff0c;所以…

密码加密之bcrypt

在这里是用的bcrypt加密算法&#xff0c;这种现在比较流行 而且无法进行解密 引入依赖 <!-- https://mvnrepository.com/artifact/cn.hutool/hutool-all --> <dependency> <groupId>cn.hutool</groupId> <artifactId>hutool-all</ar…

怎样设置树莓派的IP地址为静态值

在树莓派上设置静态IP地址&#xff0c;可以通过以下步骤进行&#xff1a; 登录到树莓派&#xff1a;通过SSH或物理键盘和显示器连接到树莓派。 打开命令行终端&#xff1a;在树莓派上打开一个命令行终端窗口。 编辑dhcpcd.conf文件&#xff1a;输入以下命令来编辑dhcpcd.conf…

1676_MIT 6.828 xv6中的CPU alarm_资料翻译整理

全部学习汇总&#xff1a; GreyZhang/g_unix: some basic learning about unix operating system. (github.com) 我觉得看了几个MIT的课程之后让我觉得我的大学四年有点浪费时光&#xff0c;看起来MIT的课程的确是很有饱满度。 这里&#xff0c;再整理一份课程中的作业要求。 …

js中遍历对象数组并获取对象相应的属性值

JavaScript中遍历对象数组的方法有很多种。以下是常见的四种常见的方法&#xff1a;for​循环&#xff0c;for...of​循环&#xff0c;forEach​方法和map​方法&#xff0c;在遍历的同时&#xff0c;通过访问对象的属性来获取相应的值。 ​for​循环&#xff1a; const objArr…

my ttl clock

文章目录 my ttl clock概述实现补充补充END my ttl clock 概述 最近想检测一下自己的睡眠质量. 想做个闹钟, 从22:00~03:00, 每隔5分钟报时. 将小时:分钟念出来就行. 这样, 我入静之后, 听到的最后时间, 就是我入睡的时间. 看到网上同学写好一个ttl类, 改了一下. 加了检测声…

windows无盘启动技术开发之UEFI(新一代BIOS)引导程序开发之二

by fanxiushu 2023-04-14/18 转载或引用请注明原始作者。 接上文。 上文提到了至少有两种办法制作UEFI的虚拟磁盘驱动。 本文只接收利用BlockIO的方式来构造一个临时用的虚拟磁盘。 之所以说是临时使用&#xff0c;是因为在作为引导程序中&#xff0c;一旦进入到 \EFI\boot\boo…