`
zlpx
  • 浏览: 156920 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

HTML5 使用fieldset 标签给元素分组

 
阅读更多

下面的例子展示了,如何使用<FIELDSET>给元素分组, 如何使用<LEGEND>标签。

 

 

<!DOCTYPE html>
<html>
<head>
</head>
<body>
 
    <fieldset>
        <legend>Comments form</legend>
        <table>
            <tr>
                <th>Username:</th>
                <td><input id="usrnm" type="email" name="username" placeholder="user@domain.com" /></td>
            </tr>
            <tr>
                <th>Password:</th>
                <td><input id="psswd" type="password" name="password" placeholder="Top secret password" /></td>
            </tr>
            <tr>
                <th>Comments:</th>
                <td><textarea id="cmmnts" cols="30" rows="5" placeholder="Comments"></textarea></td>
            </tr>
            <tr>
                <td>&nbsp;</td>
                <td><input id="submitBtn" type="submit" value="Submit" /></td>
            </tr>
        </table>
    </fieldset>
 
</body>
</html>

 源码下载:

 fieldset.zip

分享到:
评论

相关推荐

    fieldset标签定义说明.docx

    `&lt;fieldset&gt;`标签在HTML中是用来组织和布局表单元素的重要工具。它的主要作用是将相关的表单输入字段(如文本框、复选框、单选按钮等)分组,以便于用户理解和操作,同时也方便开发者管理和样式化这些元素。在网页...

    HTML中fieldset标签概述及使用方法

    在HTML中,`&lt;fieldset&gt;`标签是一个非常实用的元素,用于组织和布局表单内容,特别是在处理复杂的表单时,它能帮助用户更好地理解和导航。本文将深入探讨`&lt;fieldset&gt;`标签的概述、用途以及如何使用它来创建更加清晰、...

    几乎被设计师遗忘了的标签fieldset legend

    fieldset 标签用于将表单元素分组,以便更好地组织和描述表单内容。它通常包含 legend 标签、input 标签、textarea 标签、select 标签等。fieldset 标签的语法结构如下: &lt;fieldset&gt; &lt;!-- 表单元素 --&gt; &lt;/fieldset...

    HTML常用标签.pdf

    34. &lt;fieldset&gt;:&lt;fieldset&gt; 元素可将表单内的相关元素分组。 35. &lt;legend&gt;:&lt;legend&gt; 元素为&lt;fieldset&gt;元素定义标题(caption )。 补充 a) 客户端向服务端发送数据可以有两种方式:使用表单 &lt;form&gt; 提交;或使用...

    HTML5标签和属性列表.pdf

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

    HTML5标签速查表.pdf

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

    HTML标签解释大全

    - **说明**:`&lt;acronym&gt;` 标签用于标明缩写词,但这个标签已经被废弃,在HTML5中不再推荐使用。例如: ```html &lt;acronym title="World Health Organization"&gt;WHO ``` ##### 标签:address - **说明**:`...

    html5标签整理

    ### HTML5标签整理知识点 #### 一、概述 HTML5是HyperText Markup Language(超文本标记语言)的第五个版本,它为Web开发者提供了更强大的功能来构建网站和应用程序。HTML5不仅增强了对多媒体的支持,还引入了许多...

    fieldset相关的总结

    在HTML中,`&lt;fieldset&gt;`标签是一个非常重要的布局和组织工具,它被用来对表单元素进行分组,提供更好的视觉结构和可读性。这篇博客文章“fieldset相关的总结”可能详细介绍了`&lt;fieldset&gt;`的使用方法、作用以及在实际...

    html5标签大全

    本文将对 HTML5 中的所有标签进行分类和解释,帮助开发者快速了解和使用这些标签。 结构性标签 * `&lt;header&gt;`:定义 section 或 page 的页眉 * `&lt;footer&gt;`:定义 section 或 page 的页脚 * `&lt;nav&gt;`:定义导航链接 *...

    html5常用标签.txt

    1. **`&lt;div&gt;`**: 通用容器标签,用于布局或分组其他元素。 2. **`&lt;span&gt;`**: 内联容器标签,用于分组其他内联元素。 **`&lt;header&gt;`**: 页面或区段的头部,通常包含导航链接。 **`&lt;footer&gt;`**: 页面或区段的底部,...

    HTML标签帮助文档

    HTML表单由`&lt;form&gt;`标签开启,包括各种输入元素如`&lt;input&gt;`(文本、密码、复选框、单选按钮等)、`&lt;textarea&gt;`(多行文本输入)、`&lt;select&gt;`(下拉列表)、`&lt;option&gt;`(下拉选项)和`&lt;button&gt;`(按钮)等,以及`...

    HTML标签解释大全.doc

    `&lt;fieldset&gt;`标签用于将表单中的相关元素分组。 ##### **44. font** **说明:** 指定用于渲染所包含文本的新字体、大小和颜色。`&lt;font&gt;`标签用于更改文本的字体样式,但在HTML5中已被废弃。 ##### **45. frame** ...

    jquery fieldset和legend标签特效代码

    `&lt;fieldset&gt;` 标签创建了一个区域,通常用在表单中,将相关的输入元素分组。这样可以将复杂表单分解成逻辑部分,帮助用户更好地理解和填写。`&lt;fieldset&gt;` 可以通过CSS进行样式化,添加边框、内边距、背景色等,以...

    HTML元素大全

    这个“HTML元素大全”涵盖了HTML中常见的标签和它们的功能,让我们逐一详细探讨。 1. `&lt;a&gt;`:用于创建超链接,可以链接到其他网页、文件、邮箱地址等。 2. `&lt;acronym&gt;`:表示缩写词,现在推荐使用`&lt;abbr&gt;`标签。 3....

    HTML标签(2)综合案例

    `&lt;fieldset&gt;`和`&lt;legend&gt;`组合可以将表单元素分组并添加描述。 `&lt;audio&gt;`和`&lt;video&gt;`标签允许在网页中直接播放多媒体内容,`src`属性指定媒体源,`controls`属性添加播放、暂停和音量控制。在案例中,我们可能会...

    html标签,属性大全.pdf

    64. **文档分节标签**:`&lt;span&gt;` 用于在元素内部进行内容分组。 65. **删除线文本标签**:`&lt;strike&gt;` 已弃用,推荐使用`&lt;del&gt;`。 66. **强调文本标签**:`&lt;strong&gt;` 用于表示重要的文本,强调内容的重要性。 67. ...

Global site tag (gtag.js) - Google Analytics