`

fieldset 标签 -- 对表单进行分组

阅读更多

fieldset 标签 -- 对表单进行分组

        fieldset标签是成对出现的,以<fieldset>开始,以</fieldset>结束一个表单可以有多个<fieldset>,每对<fieldset>为一组,每组内容的描述可以使用legend      Common -- 一般属性

 


<form action="dreamdu.php" method="post" id="dreamduform">
        <fieldset>
                <legend>用户名与密码:</legend>
                <input id="hiddenField" name="hiddenField" type="hidden" value="hiddenvalue" />
                <label for="username">用户名:</label>
                <input type="text" id="username" name="username" value="dreamdu" />
                <label for="pass">密码:</label>
                <input type="password" id="pass" name="pass" />
        </fieldset>
        <fieldset>
                <legend>性别:</legend>
                <label for="boy">男</label>
                <input type="radio" value="1" id="sex" name="sex" />
                <label for="girl">女</label>
                <input type="radio" value="2" id="sex" name="sex" />
                <label for="sex">保密</label>
                <input type="radio" value="3" id="sex" name="sex" />
        </fieldset>
        <fieldset>
                <legend>我最喜爱的:</legend>
                <label for="computer">计算机</label>
                <input type="checkbox" value="1" id="fav" name="fav" />
                <label for="trval">旅游</label>
                <input type="checkbox" value="2" id="fav" name="fav" />
                <label for="buy">购物</label>
                <input type="checkbox" value="3" id="fav" name="fav" />
        </fieldset>

</from>
 
分享到:
评论

相关推荐

    第14周-16章节-Python3.5-html的body内标签之fieldset标签和label标签.avi

    第14周-16章节-Python3.5-html的body内标签之fieldset标签和label标签.avi

    jquery fieldset和legend标签代码.zip

    在这个"jquery fieldset和legend标签代码.zip"中,我们很可能会找到一个使用jQuery来增强这两个元素样式的示例。 jQuery 是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理、动画和Ajax交互等任务。在这个...

    fieldset标签定义说明.docx

    `&lt;fieldset&gt;`标签用于定义一个字段集,通常与`&lt;legend&gt;`标签配合使用,`&lt;legend&gt;`为字段集提供了一个标题或说明,帮助用户理解字段集的目的。例如: ```html &lt;fieldset&gt; &lt;legend&gt;Personalia: &lt;label&gt;Name: ...

    HTML5常用标签-------学习分享

    HTML5是现代网页开发的核心,它极大地扩展了HTML4的功能,并对原有的标签进行了优化和更新。这个"HTML5常用标签-------学习分享"的主题涵盖了多个关键的HTML元素,这些元素是构建网页布局和交互的基础。接下来,我们...

    HTML标签总结

    #### &lt;fieldset&gt;: 字段集标签 - **功能**:定义字段集。 - **用法**:用于将表单中的相关元素分组。 #### &lt;form&gt;: 表单标签 - **功能**:定义表单。 - **用法**:包含输入控件和按钮,用户可以通过这些控件向服务器...

    (完整word版)HTML标签-按功能分类.doc

    本篇文档按照功能将HTML标签进行了分类,便于理解和学习。 1. **基础标签**: - `&lt;!DOCTYPE&gt;`:声明文档类型,如`&lt;!DOCTYPE html&gt;`声明为HTML5文档。 - `&lt;html&gt;`:定义整个HTML文档的根元素。 - `&lt;title&gt;`:设置...

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

    在上面的代码中,fieldset 标签用于分组表单元素,而legend 标签用于描述该分组的名称。 二、legend 标签 legend 标签用于描述fieldset 标签分组的名称。它必须是fieldset 标签的第一个子元素。legend 标签的语法...

    第二章第六节----分组控件(Frame)

    - **HTML/CSS**:HTML5没有内置的分组控件,但可以利用`&lt;fieldset&gt;`标签和`&lt;legend&gt;`来模拟分组效果,CSS则用于定制样式。 - **Qt**:在Qt框架中,`QFrame`类提供了分组功能,可以通过设置其样式表来定制外观。 - **...

    cmxform-fieldset图片

    cmxform-fieldset

    fieldset相关的总结

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

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

    1. **分组相似数据**:当表单中有多个相关联的输入项时,如地址信息、个人资料等,使用`&lt;fieldset&gt;`将它们分组,提高用户体验。 2. **逻辑分隔**:通过`&lt;fieldset&gt;`,可以创建逻辑分隔,比如在注册表单中,将登录...

    Extjs fieldset两行两列布局

    ### Extjs FieldSet 两行两列布局解析 ...以上代码展示了如何在Extjs中实现一个两行两列的`FieldSet`布局,并对各个组成部分进行了详细的解析。这种布局方法灵活且强大,适用于多种复杂的UI设计需求。

    HTML中fieldset

    HTML 中的 fieldset 是一个用于分组表单控件的容器元素。通过使用 fieldset,可以将相关的表单控件组合成一个逻辑单元,以便于用户更好地理解和交互。 在 HTML 文档中,fieldset 元素可以包含多个表单控件,如...

    MyJsp(html的fieldset使用

    MyJsp(html的fieldset使用 MyJsp(html的fieldset使用MyJsp(html的fieldset使用MyJsp(html的fieldset使用

    python 之 前端开发(form标签、单选框、多选框….docx

    - 可以使用`&lt;legend&gt;`标签来定义分组的标题。 - 用于改善表单的布局和可读性。 #### 8. Table 标签 - **Title**: 用于创建表格。 - **Table Attributes**: - **align**: 水平对齐方式,包括`left`、`center`、`...

    HTML标签说明

    - **应用场景**: 用于对表格中的列进行分组,并设置它们的共同样式。 #### - **标签**: `&lt;dd&gt;` - **描述**: 定义定义列表中项目的描述。 - **应用场景**: 结合`&lt;dl&gt;`和`&lt;dt&gt;`标签使用,用于定义列表中的描述项。 ...

    HTML标签解释大全

    - **说明**:`&lt;fieldset&gt;` 标签用于在字段集包含的文本和其它元素外面绘制一个方框。例如: ```html &lt;fieldset&gt; 个人信息 名字:&lt;/label&gt;&lt;br&gt; &lt;input type="text" id="fname" name="fname"&gt;&lt;br&gt; &lt;/fieldset&gt; `...

    jquery fieldset和legend标签特效代码

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

Global site tag (gtag.js) - Google Analytics