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
在这个"jquery fieldset和legend标签代码.zip"中,我们很可能会找到一个使用jQuery来增强这两个元素样式的示例。 jQuery 是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理、动画和Ajax交互等任务。在这个...
`<fieldset>`标签用于定义一个字段集,通常与`<legend>`标签配合使用,`<legend>`为字段集提供了一个标题或说明,帮助用户理解字段集的目的。例如: ```html <fieldset> <legend>Personalia: <label>Name: ...
HTML5是现代网页开发的核心,它极大地扩展了HTML4的功能,并对原有的标签进行了优化和更新。这个"HTML5常用标签-------学习分享"的主题涵盖了多个关键的HTML元素,这些元素是构建网页布局和交互的基础。接下来,我们...
#### <fieldset>: 字段集标签 - **功能**:定义字段集。 - **用法**:用于将表单中的相关元素分组。 #### <form>: 表单标签 - **功能**:定义表单。 - **用法**:包含输入控件和按钮,用户可以通过这些控件向服务器...
本篇文档按照功能将HTML标签进行了分类,便于理解和学习。 1. **基础标签**: - `<!DOCTYPE>`:声明文档类型,如`<!DOCTYPE html>`声明为HTML5文档。 - `<html>`:定义整个HTML文档的根元素。 - `<title>`:设置...
在上面的代码中,fieldset 标签用于分组表单元素,而legend 标签用于描述该分组的名称。 二、legend 标签 legend 标签用于描述fieldset 标签分组的名称。它必须是fieldset 标签的第一个子元素。legend 标签的语法...
- **HTML/CSS**:HTML5没有内置的分组控件,但可以利用`<fieldset>`标签和`<legend>`来模拟分组效果,CSS则用于定制样式。 - **Qt**:在Qt框架中,`QFrame`类提供了分组功能,可以通过设置其样式表来定制外观。 - **...
cmxform-fieldset
在HTML中,`<fieldset>`标签是一个非常重要的布局和组织工具,它被用来对表单元素进行分组,提供更好的视觉结构和可读性。这篇博客文章“fieldset相关的总结”可能详细介绍了`<fieldset>`的使用方法、作用以及在实际...
1. **分组相似数据**:当表单中有多个相关联的输入项时,如地址信息、个人资料等,使用`<fieldset>`将它们分组,提高用户体验。 2. **逻辑分隔**:通过`<fieldset>`,可以创建逻辑分隔,比如在注册表单中,将登录...
### Extjs FieldSet 两行两列布局解析 ...以上代码展示了如何在Extjs中实现一个两行两列的`FieldSet`布局,并对各个组成部分进行了详细的解析。这种布局方法灵活且强大,适用于多种复杂的UI设计需求。
HTML 中的 fieldset 是一个用于分组表单控件的容器元素。通过使用 fieldset,可以将相关的表单控件组合成一个逻辑单元,以便于用户更好地理解和交互。 在 HTML 文档中,fieldset 元素可以包含多个表单控件,如...
MyJsp(html的fieldset使用 MyJsp(html的fieldset使用MyJsp(html的fieldset使用MyJsp(html的fieldset使用
- 可以使用`<legend>`标签来定义分组的标题。 - 用于改善表单的布局和可读性。 #### 8. Table 标签 - **Title**: 用于创建表格。 - **Table Attributes**: - **align**: 水平对齐方式,包括`left`、`center`、`...
- **应用场景**: 用于对表格中的列进行分组,并设置它们的共同样式。 #### - **标签**: `<dd>` - **描述**: 定义定义列表中项目的描述。 - **应用场景**: 结合`<dl>`和`<dt>`标签使用,用于定义列表中的描述项。 ...
- **说明**:`<fieldset>` 标签用于在字段集包含的文本和其它元素外面绘制一个方框。例如: ```html <fieldset> 个人信息 名字:</label><br> <input type="text" id="fname" name="fname"><br> </fieldset> `...
`<fieldset>` 标签创建了一个区域,通常用在表单中,将相关的输入元素分组。这样可以将复杂表单分解成逻辑部分,帮助用户更好地理解和填写。`<fieldset>` 可以通过CSS进行样式化,添加边框、内边距、背景色等,以...