每天学习HTML标签之fieldset - opensuse - ITeye博客

`

opensuse

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

最近访客更多访客>>

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标签之fieldset

博客分类：

JS&HTML

阅读更多

在HTML里面大家最常用的也许就是FORM表单了.这样可以提交数据到后台来处理.

但是大家是否对普通的<label><input type="text"/></label>这种单调的格式感到厌烦了呢?

比如让人家既添身高项又添体重项.这都属于个人基本身体健康情况的.有没有东西能让人一下看出来这是健康状况的选项呢?

嘿嘿.不卖关子了.看一下fieldset和legend吧.

fieldset定义和用法

fieldset 元素可将表单内的相关元素分组。

<fieldset> 标签将表单内容的一部分打包，生成一组相关表单的字段。<fieldset> 标签没有必需的或唯一的属性。

当一组表单元素放到 <fieldset> 标签内时，浏览器会以特殊方式来显示它们，它们可能有特殊的边界、3D 效果，或者甚

至可创建一个子表单来处理这些元素。

legend定义和用法

legend 元素可为 fieldset 定义一个标题。

<html>

<body>

<fieldset>
<legend>健康信息：</legend>
<form>
<label>身高：<input type="text" /></label>
<label>体重：<input type="text" /></label>
</form>
</fieldset>

<p>如果输入表单周围没有边框，说明您的浏览器太老了。</p>

</body>
</html>

效果如附件图:

查看图片附件

分享到：

每天学习HTML标签之base | 每天学习HTML标签之dl

2008-12-23 10:17
浏览 1146
评论(0)
查看更多

评论

发表评论

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

相关推荐

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

jquery fieldset和legend标签代码.zip: 在网页设计中，`<fieldset>` 和 `<legend>` 标签是HTML中用于组织表单元素的重要工具。它们提供了一种方法，可以帮助用户更清晰地理解表单的目的和结构。`<fieldset>` 可以看作是表单的一个区域，可以包含多个相关的...

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

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

可收放的HTML fieldset: 首先，我们来看标签："收放"、"HTML"、"fieldset"、"collaps" 和 "组合框"。"收放"和"collaps"指的是该功能的展开与折叠行为；"HTML"表明这是HTML语言的一部分；"fieldset"是HTML元素，用于定义一个表单中的逻辑组；...

fieldset标签定义说明.docx: `<fieldset>`标签在HTML中是用来组织和布局表单元素的重要工具。它的主要作用是将相关的表单输入字段（如文本框、复选框、单选按钮等）分组，以便于用户理解和操作，同时也方便开发者管理和样式化这些元素。在网页...

几乎被设计师遗忘了的标签fieldset legend: 在 HTML 中，fieldset 和 legend 标签是两个常用的标签，用于组织和描述表单元素。但是，这两个标签经常被设计师遗忘或忽视，本文将重点介绍这两个标签的使用、样式设置和在实际开发中的应用。一、fieldset 标签 ...

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

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

Extjs fieldset两行两列布局: ### Extjs FieldSet 两行两列布局解析在Extjs框架中，`FieldSet`是一种常见的组件，常用于组织一组相关的表单字段，并通过一个标题来标识这组字段的主题。本文将详细介绍如何使用Extjs实现一个两行两列布局的`...

学习HTML标签分类及其属性.pdf: 在学习HTML时，了解标签的分类及其属性至关重要，因为这将直接影响到网页的布局、交互性和功能。首先，`<form>`标签用于创建用户交互的表单，它可以收集用户输入的数据并将其发送到服务器。`<form>`标签有几个关键...

HTML标签帮助文档: HTML表单由`<form>`标签开启，包括各种输入元素如`<input>`（文本、密码、复选框、单选按钮等）、`<textarea>`（多行文本输入）、`<select>`（下拉列表）、`<option>`（下拉选项）和`<button>`（按钮）等，以及`...

HTML常用标签.pdf: HTML常用标签 HTML 是构建网页的基础语言，它提供了一些基本的结构元素来组织内容。这些结构元素被称为 HTML 标签。 HTML 标签是 HTML 文档的基础，通过这些标签，可以构建一个完整的网页。基本文档结构标签 1. ...

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

头歌教学实践平台 Web前端开发基础 HTML-表单类的标签: 7. `<fieldset>`和`<legend>`标签：用于组织表单，`<fieldset>`定义一个区域，`<legend>`为该区域添加标题。示例： ```html <fieldset> 个人信息  </fieldset> ``` 8. `<input>`的`...

html学习笔记（含标签单词解释）: 本学习笔记旨在详细介绍HTML的基本概念、常用标签及其英文单词解释，帮助初学者更好地理解和运用HTML。一、HTML基本结构 HTML文档通常以`<!DOCTYPE html>`开头，声明当前文档为HTML5标准。接着是`<html>`标签，它...

HTML标签解释大全.doc: `<div>`标签是最常用的HTML标签之一，用于分隔和组合文档中的部分。 ##### **36. dl** **说明：** 引起定义列表。`<dl>`标签用于创建定义列表，其中每个术语都有一个定义。 ##### **37. document** **说明：** ...

html标签,属性大全.pdf: 28. **表单边框标签**：`<fieldset>` 用于包围一组相关的表单元素。 29. **字体标签**：`<font>` 已弃用，现在通过CSS控制字体样式。 30. **框架标签**：`<frame>` 和 `<frameset>` 用于创建多窗口的框架布局。 ...

HTML标签分类及其属性.pdf: HTML标签是构建网页的基础，了解HTML标签的分类及其属性是学习Web开发的第一步。本文将对HTML标签进行分类，并详细介绍每种标签的属性和用法。窗体标签标签用于定义窗体，用户可以通过标签输入信息，并将其提交...

Global site tag (gtag.js) - Google Analytics