div+css使用OPTGROUP对SELECT中的OPTION分组

原创 2007年10月01日 16:07:00

div+css使用OPTGROUP对SELECT中的OPTION分组

[OPTGROUP文档]

http://msdn2.microsoft.com/en-us/library/ms535876.aspx

[示例代码]

<SELECT>
    <OPTGROUP LABEL="选项组一">
        <OPTION>选项一</OPTION>
        <OPTION>选项二</OPTION>
        <OPTION>选项三</OPTION>
    </OPTGROUP>
    <OPTGROUP LABEL="选项组二">
        <OPTION>选项四</OPTION>
        <OPTION>选项五</OPTION>
        <OPTION>选项六</OPTION>
    </OPTGROUP>       
</SELECT>

[div+css关键词]

div css

[div+css重要工具]

Internet Explorer Developer Toolbar, http://www.microsoft.com/downloads/details.aspx?FamilyID=e59c3964-672d-4511-bb3e-2d5e1db91038&amp;displaylang=en

[div+css的常见问题]

较验div+css格式,http://validator.w3.org/
div+css的margin缩写方式
div+css的padding缩写方式
链接的:link,:visited,:hover,:active四种状态

div+css使用backgroundRepeat样式设置背景图片的显示方式, http://msdn2.microsoft.com/en-us/library/ms530721.aspx

[div+css的浏览器兼容问题]

水平居中,Firefox使用margin-left: auto; margin-right: auto; IE6 使用text-align: center;
垂直居中,Firefox中使用display: table-cell; vertical-align: middle;可以实现div垂直居中,而IE6中则需要借助IE6中css的特点实现垂直居中。
!important标记,Firefox支持!important标记,IE6忽略!important标记,!important需要放在前面才能起作用
手形鼠标指针,使用cursor: pointer;
padding的尺寸,在Firefox中padding是计算在width之外的,而IE6是计算在width之内的
margin的尺寸,在IE6中带有float样式的元素的margin尺寸计算有误,需要借助padding和!important标记实现兼容

使用word-wrap设置自动折行, 仅对IE有效

[其他HTML问题]

使用OPTGROUP对SELECT中的OPTION分组

版权声明:本文为博主(@胡争辉)原创文章,未经博主允许不得转载。

HTML全面深入学习-select的optgroup分组

看:select>    optgroup label="碱性金属">        option>锂 (Li)option>        option>纳 (Na)option>        o...
  • tangzhongxin
  • tangzhongxin
  • 2008年12月31日 11:32
  • 4762

select下拉选项分组<optgroup>

select下拉选项分组
  • luguling200802544
  • luguling200802544
  • 2015年06月03日 10:21
  • 927

下拉框中optGroup的一个bug

当下拉框中的第一项是optGroup时,在用鼠标滚轮改变选项时,如果快速的向上滚动则会把第一项的optGroup选中,这不是我们想要的结果,而且再用代码获取下拉框的值是就会发生错误。选中optGrou...
  • dshj
  • dshj
  • 2007年09月06日 21:36
  • 1206

下拉列表 select-option ; select-optgroup-option

HTML中的下拉列表: Html代码   select>    option value ="1">Volvooption>    option value ="2">Saabop...
  • kungfu_panda
  • kungfu_panda
  • 2014年09月26日 14:48
  • 5203

jQuery实现Select双向列表(保留optgroup分组)

/html ****** 略 ****** X标题XXX ...
  • javaxiongxing
  • javaxiongxing
  • 2013年02月28日 11:48
  • 2154

<s:doubleselect>级联下拉框 ,<s:select><s:optgroup>标签组

ac.action public class Action1 extends ActionSupport{ /* * 把Map对象的Key值作为第一个下拉列表框的集合 *...
  • u012628469
  • u012628469
  • 2013年10月31日 14:59
  • 1235

有optgroup的select,jq获取选中的值

原文来自:http://bbs.csdn.net/topics/391921789 select id="select7">           option value="0">Allopt...
  • landylxy
  • landylxy
  • 2016年09月14日 13:34
  • 1789

利用OPTGROUP对SELECT的OPTION选项分组

利用OPTGROUP对SELECT的OPTION选项分组 www.865171.cn 选项一 选项二 选...
  • chpublish1012
  • chpublish1012
  • 2009年08月17日 22:28
  • 289

AngularJS select中ngOptions用法详解

Angularjs  ng-options用法请参见如下链接 http://each.sinaapp.com/angular/tutorial/ng-options.html...
  • qian_xiaona
  • qian_xiaona
  • 2016年03月10日 09:16
  • 1338

SELECT语句之分组数据

1 数据分组 SQL聚集函数可以用来汇总数据,例如下面的例子返回供应商DLL01提供的产品数目。 SELECT COUNT(*) AS num_prods FROM Products WHER...
  • zb0567
  • zb0567
  • 2012年12月11日 20:43
  • 2337
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:div+css使用OPTGROUP对SELECT中的OPTION分组
举报原因:
原因补充:

(最多只允许输入30个字)