html中optgroup标签用法，分组、只读的且呈树状样式显示

最新推荐文章于 2022-11-29 20:12:43 发布
最新推荐文章于 2022-11-29 20:12:43 发布
阅读量4.7k 收藏 3
点赞数 1
分类专栏： Other_ 文章标签： optgroup
[xhtml]  view plain copy print ?
  1. 在html的select标签中除了了option标签外，还有一个标签就是optgroup 。它能帮我们做什么咧？  
  2. 从名称我们就已经领会到接分意思：它是一个option的组，就像checkboxgroup、radiogurop一样，是分组用的；     
  3. 看看下面一段代码，在浏览器中打开你可以看到一个下拉菜单。但是当你选择java或.Net的时候，是不能选择的。      
  4. 而且样式和option标签的样式也不同，字体加粗了。且下拉菜单呈树状的样式显示。  
  5. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
  6. <html>  
  7.     <head>  
  8.         <title>optgroup</title>  
  9.         <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">  
  10.         <meta http-equiv="description" content="this is my page">  
  11.         <meta http-equiv="content-type" content="text/html; charset=UTF-8">  
  12.     </head>  
  13.     <body>  
  14.         <select>  
  15.             <optgroup label="Java">  
  16.                 <option value="jsp Servlet">jsp Servlet</option>  
  17.                 <option value="javaEE">javaEE</option>  
  18.             </optgroup>  
  19.             <optgroup label=".Net">  
  20.                 <option value="aspx">aspx</option>  
  21.                 <option value="C#">C#</option>  
  22.             </optgroup>  
  23.         </select>  
  24.     </body>  
  25. </html>

Benjamin_whx
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html中select optgroup标签使用介绍
09-28
偶然需要对select 内容进行分组，以往都是用程序控制，今天发现 select 中还有一个 optgroup 属性可以用，试用心得如下，感兴趣的朋友可以参考下哈
HTML非常用标签 optgroup、sub、sup和bdo示例代码
09-28
HTML标签之optgroup、sub、sup和bdo的用法与示例代码，需要的朋友可以参考下。
optgroup的使用
C05230的博客
08-10 1015
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <select&g.
HTML全面深入学习-select的optgroup分组
挨踢笔记
12-31 6509
看：select>    optgroup label="碱性金属">        option>锂 (Li)option>        option>纳 (Na)option>        option>钾 (K)option>    optgroup>    optgroup label="卤素">        option>氟 (F)option>
html中optgroup 标签用法，分组、只读的且呈树状样式显示
weixin_30723433的博客
05-31 235
在html的select标签中除了了option标签外，还有一个标签就是optgroup 。它能帮我们做什么咧？ 从名称我们就已经领会到接分意思：它是一个option的组，就像checkboxgroup、radiogurop一样，是分组用的； 看看下面一段代码，在浏览器中打开你可以看到一个下拉菜单。但是当你选择java或.Net的时候，是不能选择的。 而且样式和option标签...
html实例-optgroup标签的用法介绍
在线学习web前端开发教程
12-07 516
此标签可能使用频率并不是太高，但是对于组织数据还是大有用处的，一般要和select标签配合使用，看一段代码实例一切就都明白了，代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softw...
VUE 使用IView 中的Select进行分组（OptionGroup）展示，允许多选情况下，组内元素不能多选功能
gavinoldmen的专栏
04-27 1869
VUE 使用IView 中的Select进行分组（OptionGroup）展示，允许多选情况下组内元素不能多选功能只允许单选功能实现； 实现思路：根据on-select 和on-change返回值不同，并且on-select的返回优先于on-change的返回时间的原理，得到本次选中的元素和本次返回的结果。 ...
HTML中select标签单选多选用法详解
09-28
在这个例子中，`<option>`标签定义了下拉菜单中的每个选项，`value`属性用于指定选项的值，而显示给用户的文本则包含在`<option>`标签之间。在实际应用中，`<select>`标签通常会包含`name`属性，以便在提交表单时...
浅谈html5标签css3的常用样式
09-27
`<select>`和`<option>`组合用于创建下拉菜单，`<optgroup>`可以创建分组选项。 此外，`<textarea>`用于创建多行文本输入框，`cols`和`rows`属性设定宽度和高度，`readonly`和`disabled`属性分别控制是否只读和禁用...
HTML 中 SELECT 选项分组
weixin_30376163的博客
06-02 576
<select name="viewType"> <option value selected>选择排序/显示方式</option> <optgroup label="排序"> <option>按价格 从低到高</option> <option>按价格 从高到低</opti...
重写 DropDownList 添加optgroup
11-11
重写 DropDownList 添加optgroup以及为ListItem 加式样(例如 背景色,前景色等)
HTML---下拉框、列表框使用详解（select 与 option）
热门推荐
weixin_45609811的博客
09-27 5万+
select创建列表框和下拉菜单， 必须与option 结合使用 select 属性： disable 禁用 multipe 列表框和下拉框是否允许多选 ，支持boolean值属性，为true时则为列表框 size 列表框可同时显示多少个列表项 select 能包含的子元素 option 属性 disabled 禁用 selected 初始状态是否被选中 optgroup 单项组，也就...
HTML ＜optgroup＞ 标签
Blog of Lytracy
05-07 2051
文章目录1、optgroup标签的定义和用法2、optgroup标签属性2、1 optgroup标签必需的属性2、2 optgroup标签可选的属性3、optgroup标签实例 1、optgroup标签的定义和用法 标签经常用于把相关的选项组合在一起。如果你有很多的选项组合, 你可以使用 标签能够很简单的将相关选项组合在一起。 大多数主流浏览器支持 标签。 2、optgroup标签属性 <select> <optgroup label="Swedish Cars"> &
HTML中的分组标签
赣南虎的专栏
04-19 4577
在Web开发当中常会遇到一些需要分组的一些信息下面我们就可以用HTML中的标签，是成对出现的心结束简单的页面代码如下： 人员信息 body{ font-size:12px;} fieldset{ width:400px; height:100px; display:block; margin:0; padding:0;} le
选项分组(HTML_SELECT)
张建波专栏
08-01 1998
选项分组            Gambia        Madagascar        Namibia                France        Russia        UK                Canada        Mexico        USA
HTML中的下拉列表:<select>、<option>、<optgroup>。
努力努力再努力
03-10 2346
下拉列表 北京 上海 深圳 广州 x xx
css基本语法
qq_52050261的博客
11-29 550
css基本语法
表单标签和css基础——html
weixin_45651821的博客
08-11 307
一、表单标签 表单标签：form 是一个容器标签，本身单独用没有意义，一般需要结合表单相关的标签（input、select、textarea）来使用。 它可以对表单标签中所有用户信息收集相关的标签的内容进行整体的重置和提交。 action属性 - 后端数据接口的地址 method属性 - 请求方式（get/post） 二、input标签的使用 1.input input是表单相关标签，可以放在form标签中做数据的提交和重置 1)type属性 - 设置标签类型 a. text(默认值) -
html optgroup
最新发布
12-17
// optgroup标签的定义和用法 <optgroup label="Java"> <option value="jsp Servlet">jsp Servlet <option value="javaEE">javaEE </optgroup> <optgroup label=".Net"> <option value="aspx">aspx ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值