HTML元素 - optgroup

最新推荐文章于 2021-06-03 02:49:25 发布
原创 最新推荐文章于 2021-06-03 02:49:25 发布 · 759 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#html #internet
本文介绍了HTML中的optgroup元素，该元素允许作者将select元素中的选项进行逻辑分组。文章强调了optgroup元素的正确使用方式，包括它必须直接位于select元素内且不能嵌套等规定。

 HTML元素 - optgroup
定义
允许作者对 select 元素中的选项进行逻辑分组。

Allows authors to group choices logically in a select element.

注释
在 HTML 4.0  中，所有的 OPTGROUP 元素必须在 SELECT 元素中直接指定。组不允许嵌套。

你只能在与 OPTGROUP 位于同一窗口的 SELECT 元素中添加 OPTGROUP。

此元素在 Internet Explorer 6 及以上版本的 HTML 中可用。

此元素是块元素。

此元素需要关闭标签。


元素示例代码
<SELECT>
<OPTGROUP LABEL="碱性金属">
<OPTION>锂 (Li)</OPTION>
<OPTION>纳 (Na)</OPTION>
<OPTION>钾 (K)</OPTION>
</OPTGROUP>
<OPTGROUP LABEL="卤素">
<OPTION>氟 (F)</OPTION>
<OPTION>氯 (Cl)</OPTION>
<OPTION>溴 (Br)</OPTION>
</OPTGROUP>
</SELECT>

5.3-第五章-表单-第三节-select表单元素-下拉列表-＜select size=“2“ multiple＞＜option selected＞
qq_44280574的博客
08-11 526
select表单元素，主要用于下拉列表，下拉列表也是常用的元素，优势是，可以节省页面显示区域。 用来定义列表，用来定义列表项。 的name属性很重要 的value属性很重要 我们并不陌生了，因为这是表单元素中的通用属性，name属性，决定了当表单提交之后的key值， 而选中的option上的value就表示整个下拉列表框的最终的value值 示例： 1.把selected加在哪个 option上，，哪个就默认选中啦！ 2.设置 select 的 size="2" 表示能够展示两行 请选择手机型号
HTML下optGroup元素
QianMagic的博客
01-20 321
         最近项目里面，要求下拉的选项要分类，发现有optGroup元素可以很好的实现这个功能。          效果: 所有类型 所有类型 所有类型 所有类型 所有类型            代码如下：        &lt;select id="WORK_BUSINESS_TYPE" &gt;                   &lt;option value="...
html5新增的表单元素optgroup,optgroup
weixin_39977488的博客
06-03 415
optgroup在一个web表单中, HTML元素 会创建包含在一个 元素中的一组选项内容类别没有。允许的内容零个或多个元素。标记遗漏开始标记是强制​​性的。如果此元素之后紧跟着另一个元素，或者父元素没有更多内容，则结束标记是可选的。允许父级一个元素。允许ARIA角色没有DOM界面HTMLOptGroupElement注意： Optgroup元素可能不是嵌套的。属性这个元素包含全局属性。dis...
HTML不常用元素：optgroup
weixin_34247155的博客
03-31 131
在网页表单中，<optgroup>元素用于在<select>元素中创建一组选项<option>。这个可以更好的区分每一个组选项之间的区别。 这个元素包含两个属性：disabled和label。 disabled：表示选项组无法被选择 label：表示选项组的名字 1 <select> 2 <optgroup label...
用optgroup标签来分类select菜单
架构师聊技术的专栏
10-25 1588
定义允许作者对 select 元素中的选项进行逻辑分组。Allows authors to group choices logically in a select element.注释在 HTML 4.0 中，所有的 OPTGROUP 元素必须在 Select 元素中直接指定。组不允许嵌套。你只能在与 OPTGROUP 位于同一窗口的 Select 元素中添加 OPTGROUP。此元素在 Inte
验证输入是否为空的js - 使用正则表达式对象
牵挂著你是那颗我的心 飘呀飘地在你面前捉摸不定 牵挂著你是那份我的情 吹呀吹到你的眼前我的心 我不愿看到你那湿润的眼睛 怕我会忍不住疼你怕你伤心 我不愿听见你说寂寞的声音 怕我会忍不自你说我的真感情
07-25 8185
正则表达式对象本对象包含正则表达式模式以及表明如何应用模式的标志。语法 1re = /pattern/[flags]语法 2re = new RegExp("pattern",["flags"]) 参数re必选项。将要赋值为正则表达式模式的变量名。Pattern 必选项。要使用的正则表达式模式。如果使用语法 1，用 "/" 字符分隔模式。如果用语法 2，
关于Translation failed for content-type:text/vnd.wap.wml的解决方法
牵挂著你是那颗我的心 飘呀飘地在你面前捉摸不定 牵挂著你是那份我的情 吹呀吹到你的眼前我的心 我不愿看到你那湿润的眼睛 怕我会忍不住疼你怕你伤心 我不愿听见你说寂寞的声音 怕我会忍不自你说我的真感情
04-14 3613
在使用openwave4.1时，有如下的错误：Translation failed for content-type:text/vnd.wap.wml原文件是按如下方式写的：%@include file="/inc/inc.jsp"%>http://www.wapforum.org/DTD/wml_1.1.xml">...以上代码使用手机,openwave6.2.2,m3gate都是可以浏览的，但
关于变量初始化的一些测试
牵挂著你是那颗我的心 飘呀飘地在你面前捉摸不定 牵挂著你是那份我的情 吹呀吹到你的眼前我的心 我不愿看到你那湿润的眼睛 怕我会忍不住疼你怕你伤心 我不愿听见你说寂寞的声音 怕我会忍不自你说我的真感情
04-22 3351
以下是测试代码及变量没有初化的错误信息public class TestInit {    //出现以下几错误，程序是不能通过编译的      //构造器默认初始化了,为null private String test_instance;      //如果不在这初始化，必须在造器默中初始化    //否则会有"The blank final field test_final may not ha
mysql sql语句导入与导出
牵挂著你是那颗我的心 飘呀飘地在你面前捉摸不定 牵挂著你是那份我的情 吹呀吹到你的眼前我的心 我不愿看到你那湿润的眼睛 怕我会忍不住疼你怕你伤心 我不愿听见你说寂寞的声音 怕我会忍不自你说我的真感情
12-22 2588
mysql sql语句导入与导出导入:mysql -u root -p 数据库名如:C:/mysql/bin>mysql -u root -p house 导出:mysqldump -u root -p 数据库名 [表名1 表名2] > 输出地址其中表名可选如:导出house中的blacklist表C:/mysql/bin>mysqldump -u root house blacklist > c
多frame的滚动条联动
牵挂著你是那颗我的心 飘呀飘地在你面前捉摸不定 牵挂著你是那份我的情 吹呀吹到你的眼前我的心 我不愿看到你那湿润的眼睛 怕我会忍不住疼你怕你伤心 我不愿听见你说寂寞的声音 怕我会忍不自你说我的真感情
11-23 2061
三个文件如下index.htm -----------------------------------a.htm22222222222222222222222222999999999999999999999999999dddddddddddddddddddddddkkkkkkkkkkkkkkkkffffffffffffff6666666662222222222hhhhhffffffllllllb
网页文字竖排三法
牵挂著你是那颗我的心 飘呀飘地在你面前捉摸不定 牵挂著你是那份我的情 吹呀吹到你的眼前我的心 我不愿看到你那湿润的眼睛 怕我会忍不住疼你怕你伤心 我不愿听见你说寂寞的声音 怕我会忍不自你说我的真感情
11-23 1916
网页文字竖排三法作者：长弓射雕 网页文字的竖排　　近来我们太平洋网络学院的“你问我答”栏目收到一位网友的来信，信中内容如下：　　“您好:　　我有个问题想请教您.我是初学上网的新手,在设计网页是遇到一个问题.我想做亚洲文字显示,就是那种文字竖写的,每行从上往下写,从右往左写的,在其他的文字编辑系统里可以作到的,在网页里怎么做啊?我用的是HTML语言,也用CSS和JavaScript,可是我用CSS的
一个Comparable小例子
牵挂著你是那颗我的心 飘呀飘地在你面前捉摸不定 牵挂著你是那份我的情 吹呀吹到你的眼前我的心 我不愿看到你那湿润的眼睛 怕我会忍不住疼你怕你伤心 我不愿听见你说寂寞的声音 怕我会忍不自你说我的真感情
09-29 1799
 对象排序可以使用Comparable接口和Comparator接口，这两个接口可以实现同样的目的。Comparable：在自定义类时就要实现这个接口，实现它的compareTo方法。事先就要考虑排序问题。Comparator ：这个接口可以独立于自定义类，可以认为初期设计时没有考虑排序问题，对类打的一个补丁。另外使用Comparator接口实现对象的排序，可以使逻辑更加清晰，数据
根据两个时间段，取这两个时间段内有多少个月份
牵挂著你是那颗我的心 飘呀飘地在你面前捉摸不定 牵挂著你是那份我的情 吹呀吹到你的眼前我的心 我不愿看到你那湿润的眼睛 怕我会忍不住疼你怕你伤心 我不愿听见你说寂寞的声音 怕我会忍不自你说我的真感情
12-02 1798
根据两个时间段，取这两个时间段内有多少个月份/* * 创建日期 2004-11-29 * *  */import java.text.SimpleDateFormat;import java.util.Calendar;import java.util.Date;import java.util.GregorianCalendar;/** * @author wubai * *根据两个时间
CKEDITOR 不能提交数据，怪异的问题，原因不明
牵挂著你是那颗我的心 飘呀飘地在你面前捉摸不定 牵挂著你是那份我的情 吹呀吹到你的眼前我的心 我不愿看到你那湿润的眼睛 怕我会忍不住疼你怕你伤心 我不愿听见你说寂寞的声音 怕我会忍不自你说我的真感情
02-29 1721
CKEDITOR 不能提交数据，怪异的问题，原因不明 问题的出现：将中的enctype="multipart/form-data"删除后就不能从ckeditor中取出数据了。 解决方法：手工将ckeditor中的数据赋值给文本域，类似下面的代码： jQuery('#content').val(CKEDITOR.instances.content.getData());
CSS 解决表单单行文本框中的文字垂直居中问题
牵挂著你是那颗我的心 飘呀飘地在你面前捉摸不定 牵挂著你是那份我的情 吹呀吹到你的眼前我的心 我不愿看到你那湿润的眼睛 怕我会忍不住疼你怕你伤心 我不愿听见你说寂寞的声音 怕我会忍不自你说我的真感情
01-21 1587
CSS 解决表单单行文本框中的文字垂直居中问题 示例代码： 必须同时指定height和line-height
disabled所有表单元素的js方法
牵挂著你是那颗我的心 飘呀飘地在你面前捉摸不定 牵挂著你是那份我的情 吹呀吹到你的眼前我的心 我不愿看到你那湿润的眼睛 怕我会忍不住疼你怕你伤心 我不愿听见你说寂寞的声音 怕我会忍不自你说我的真感情
10-12 1550
function disableFormItems(val) {    var bDisable = true;    if(val != null && !val) bDisable = false;      for(i=0; i        var oForm = document.forms[i];        for(j=0; j            oForm.elements[
取指定范围的随机数
牵挂著你是那颗我的心 飘呀飘地在你面前捉摸不定 牵挂著你是那份我的情 吹呀吹到你的眼前我的心 我不愿看到你那湿润的眼睛 怕我会忍不住疼你怕你伤心 我不愿听见你说寂寞的声音 怕我会忍不自你说我的真感情
12-11 1515
取指定范围的随机数这是一个很实用的功能，写到这里只是为了加强记忆，只要记住一个公式就OK了。如最小数min，最大数max，要取的随机数 r 范围在 min ≤ r ≤ max，公式如下：(int)((max - min + 1) * Math.random()) + min一看就能明白没有什么要说的吧。实现代码如下：/* * 创建日期 2004-12-11 *  *//** * 取指定范围
带有层次关系的css
牵挂著你是那颗我的心 飘呀飘地在你面前捉摸不定 牵挂著你是那份我的情 吹呀吹到你的眼前我的心 我不愿看到你那湿润的眼睛 怕我会忍不住疼你怕你伤心 我不愿听见你说寂寞的声音 怕我会忍不自你说我的真感情
02-03 1489
 .t {   border-style:solid;border-color:royalblue;border-width:1}.t td{   border-style:dotted;border-color:deepskyblue;border-width:1}BODY{ font-size: 12px; color: #00000F; background-color: #FFFF
javascript时间格式验证
牵挂著你是那颗我的心 飘呀飘地在你面前捉摸不定 牵挂著你是那份我的情 吹呀吹到你的眼前我的心 我不愿看到你那湿润的眼睛 怕我会忍不住疼你怕你伤心 我不愿听见你说寂寞的声音 怕我会忍不自你说我的真感情
10-08 1467
function strDateTime(str){    var r=str.match(/^(/d{4})(-)(/d{1,2})(-)(/d{1,2})$/);     if(r==null)return false;     var d=new Date(r[1], r[3]-1, r[5]);     return (d.getFullYear()==r[1]&&(d.getMonth(
关于结构相同多表合并问题
牵挂著你是那颗我的心 飘呀飘地在你面前捉摸不定 牵挂著你是那份我的情 吹呀吹到你的眼前我的心 我不愿看到你那湿润的眼睛 怕我会忍不住疼你怕你伤心 我不愿听见你说寂寞的声音 怕我会忍不自你说我的真感情
12-01 1403
关于结构相同多表合并问题 其实这个问题很简单的。两个表test1和test2(两个表的结构是一样的)test1 数据如下：+---+--------+| a | b      |+---+--------+| 1 | 1      || 2 | 2      || 3 | 3      |+---+--------+test2 数据如下：+---+--------+| a | b   
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值