`

opensuse

浏览: 186444 次
性别:
来自: 北京

最近访客更多访客>>

Tzhennan

至尊包

laibin

jujis008

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

海漂大侠： [size=large][size=small]windows ...
Linux下的mysql清屏命令
imafish_i：如果能让terminal支持zh_CN的编码，就完美了或者ut ...
坦白一错误。。。
wyl8491797：最好能给实例呀？
html之Object标签
wyl8491797：
html之Object标签
化蝶自在飞：不是吧.我也是php
搬家了，xiaoxiaozi

每天学习HTML标签之optgroup

博客分类：

JS&HTML

阅读更多

郁闷啊。想了好久才想起来这个标签。

一直在select标签下面只加option标签。可是有没有遇到过这种情况呢？

下拉列表框里的东西是分类的？比如说水果下拉框。里面要有南方产的，还要有北方产的。

下面是对应的水果。

那么这就需要我们用到optgroup标签了。

HTML <optgroup> 标签

定义和用法

定义选项组。此元素允许您组合选项。当您使用一个长的选项列表时，对相关的选项进行组合会使处理更加容易。

<html>
    <head>
        <title>optgroup</title>
    </head>
    <body>
        文字说明：
        <select>
            <optgroup label="大众">
                <option value ="伤害大众">伤害大众(我故意这么写的)   </option>
                <option value ="德国大众">德国大众(VW)</option>
            </optgroup>

            <optgroup label="QQ">
                <option value ="马化腾">马化腾</option>
                <option value ="吉瑞">吉瑞比QQ号贵，没好QQ号贵</option>
            </optgroup>
        </select>
    </body>
</html>

分享到：

JS之“+“的用法 | 每天学习HTML标签之noscript

2008-12-26 18:28
浏览 1327
评论(0)
查看更多

评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

重写 DropDownList 添加optgroup: // 开始 optgroup 标签 private void optgroupBeginTag(string name, HtmlTextWriter writer) { writer.WriteBeginTag("optgroup"); writer.WriteAttribute("label", name); writer.Write(HtmlTextWriter....

HTML非常用标签 optgroup、sub、sup和bdo示例代码: 本文主要介绍四个这样的标签：`<optgroup>`, `<sub>`, `<sup>`, 和 `<bdo>`，并且通过示例代码来阐述它们的使用方法。 ### optgroup标签 `<optgroup>` 标签用于为`<select>`元素中的`<option>`选项创建分组。在...

html中select optgroup标签使用介绍: HTML中的`<select>`元素用于创建下拉列表，而`<optgroup>`标签则是一个非常有用的辅助元素，它允许我们将`<select>`中的选项分组，为用户提供更清晰、更有组织的视图。在处理大量选项时，使用`<optgroup>`可以极大地...

HTML教程,认识optgroup元素: 在实际浏览器中，`<optgroup>`元素会在下拉列表中以加粗的文本显示其标签，使得用户能够快速区分不同组别的选项。值得注意的是，`<optgroup>`元素在主流浏览器如Internet Explorer (IE) 和 Firefox (FF) 中都得到...

html标签,属性大全.pdf: 53. **选择列表组合标签**：`<optgroup>` 用于组织`<select>`中的相关选项。 54. **选择列表选项标签**：`<option>` 定义用户可以选择的选项。 55. **段落标签**：`<p>` 用于创建段落。 56. **对象参数标签**：`...

HTML5标签速查表.pdf: ### HTML5标签速查表详解 #### 一、基础标签 **1.1 文档类型声明** **标签**: `<!DOCTYPE>` **描述**: 定义文档类型为HTML5，通常位于文档的第一行。 **1.2 HTML文档定义** **标签**: `<html>` **描述**: ...

HTML5标签和属性列表.pdf: HTML5标签和属性列表 HTML5是一种基于XML的标记语言，用于创建网页的结构和内容。 HTML5新增了许多新的标签和属性，提高了网页的可读性、可访问性和互操作性。本文档将对 HTML5 中的标签和属性进行详细的介绍。 ...

HTML标签总结: #### <optgroup>: 选项组标签 - **功能**：定义选项组。 - **用法**：与`<option>`元素一起使用，将选择列表中的选项分组。 #### <option>: 选项标签 - **功能**：定义选项。 - **用法**：用于定义选择列表（`...

HTML标签英文单词: `<optgroup>` 标签用于定义 `<select>` 下拉列表中的选项组。它可以用来对列表中的选项进行分类。 ### <option>: Option `<option>` 标签用于定义 `<select>` 下拉列表中的选项。它可以用于创建包含多个选择的下拉...

html5标签大全: HTML5 标签大全 HTML5 是最新的 HTML 标准，提供了许多新的标签和特性，提高了网页的交互性和可访问性。本文将对 HTML5 中的所有标签进行分类和解释，帮助开发者快速了解和使用这些标签。结构性标签 * `<header>...

web开发必须知道的10个不常用HTML标签: 在深入探讨这10个较少使用的HTML标签之前，我们先简要回顾一下HTML的基本概念。HTML，即超文本标记语言，是构成网页的基础语言，它通过各种标签来定义页面的结构和内容。虽然大多数开发者对常见的如`<div>`、`<p>`、...

html5常用标签.txt: ### HTML5常用标签详解 #### 一、文档结构标签 **`<!DOCTYPE>`**: 定义文档类型。在HTML5中通常使用`<!DOCTYPE html>`来声明文档为HTML5。 **`<html>`**: 根标签，所有其他标签均位于此标签内部。它将文档分为...

HTML标签参考手册: ### HTML标签参考手册知识点详解 #### 一、文档结构与元数据 - **``**：**定义注释**。在HTML文档中添加注释可以帮助其他开发者更好地理解代码的作用，同时也便于自己后续维护。 - **`<!DOCTYPE>`**：**...

HTML标签说明: ### HTML标签说明 ####  - **标签**: `` - **描述**: 定义HTML文档中的注释。 - **应用场景**: 当你需要在HTML文档中添加一些不会显示在浏览器中的注释时，可以使用这个标签。 #### <!DOCTYPE> - **...

HTML标签解释大全: 在构建网页的过程中，HTML（超文本标记语言）是不可或缺的基础技术之一。HTML通过一系列的标签来定义网页的结构和内容。本文将详细介绍一系列常用的HTML标签及其功能，帮助读者更好地理解和运用这些标签。 #### 一...

Global site tag (gtag.js) - Google Analytics