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


Posted in HTML / CSS onFebruary 01, 2013

一、忏悔
之前HTML没有好好学,导致以前看到控件组样式感觉很新奇,于是就用css实现了一个。但是偶然一次接触了这个标签,才发现so easy。唉!以后学知识不要浅尝辄止,一定要深入进去、全面了解。好了,不喷了,算是自己写给自己的吧,做个警醒。开始学习这个标签了。

二、简述
<fieldset> 标签将表单内容的一部分打包,生成一组相关表单的字段。从中提取两层意思:
1.fieldset存在于form里(这样说不准确);
2.分组打包的功能。 field:[fiːld]领域;牧场;旷野;战场;运动场的意思,fieldset则显而易见了,就是“我的地盘听我的”。我给你贴上这一系列标签。
其中<legend> 标签为 fieldset 元素定义标题。

复制代码
代码如下:

<form>
<fieldset>
<legend>health information</legend>
height: <input type="text" />
weight: <input type="text" />
</fieldset>
</form>
HTML / CSS 相关文章推荐
css3进行截取替代js的substring
Sep 02 HTML / CSS
css3选择器基本介绍
Dec 15 HTML / CSS
CSS3过渡transition效果实例介绍
May 03 HTML / CSS
详解CSS3中常用的样式【基本文本和字体样式】
Oct 20 HTML / CSS
HTML5 progress和meter控件_动力节点Java学院整理
Jul 06 HTML / CSS
让IE支持HTML5的方法
Dec 11 HTML / CSS
基于HTML5 audio元素播放声音jQuery小插件
May 11 HTML / CSS
使用css3 属性如何丰富图片样式(圆角 阴影 渐变)
Nov 22 HTML / CSS
Html5实现用户注册自动校验功能实例代码
May 24 HTML / CSS
HTML5添加禁止缩放功能
Nov 03 HTML / CSS
html5 外链式实现加减乘除的代码
Sep 04 HTML / CSS
DIV CSS实现网页背景半透明效果
Dec 06 HTML / CSS
HTML5之WebGL 3D概述(下)—借助类库开发及框架介绍
Jan 31 #HTML / CSS
HTML5之WebGL 3D概述(上)—WebGL原生开发开启网页3D渲染新时代
Jan 31 #HTML / CSS
HTML5之HTML元素扩展(下)—增强的Form表单元素值得关注
Jan 31 #HTML / CSS
HTML5之HTML元素扩展(上)—新增加的元素及使用概述
Jan 31 #HTML / CSS
突袭HTML5之Javascript API扩展5—其他扩展(应用缓存/服务端消息/桌面通知)
Jan 31 #HTML / CSS
突袭HTML5之Javascript API扩展4—拖拽(Drag/Drop)概述
Jan 31 #HTML / CSS
突袭HTML5之Javascript API扩展3—本地存储全新体验
Jan 31 #HTML / CSS
You might like
国王的咖啡这么大来头,名字的由来是什么
2021/03/03 咖啡文化
PHP操作数组相关函数
2011/02/03 PHP
两种php实现图片上传的方法
2016/01/22 PHP
PHP 微信扫码支付源代码(推荐)
2016/11/03 PHP
项目实践之javascript技巧
2007/12/06 Javascript
ExtJs的Date格式字符代码
2010/12/30 Javascript
页面图片浮动左右滑动效果的简单实现案例
2014/02/10 Javascript
jQuery判断div随滚动条滚动到一定位置后停止
2014/04/02 Javascript
JS和JQ的event对象区别分析
2014/11/24 Javascript
js动态创建及移除div的方法
2015/06/03 Javascript
JavaScript每天定时更换皮肤样式的方法
2015/07/01 Javascript
JS设置下拉列表框当前所选值的方法
2015/12/22 Javascript
Bootstrap每天必学之模态框(Modal)插件
2016/04/26 Javascript
浅谈Javascript中的12种DOM节点类型
2016/08/19 Javascript
jQuery中的insertBefore(),insertAfter(),after(),before()区别介绍
2016/09/01 Javascript
vue的mixins属性详解
2018/03/14 Javascript
浅谈Layui的eleTree树式选择器使用方法
2019/09/25 Javascript
浅析微信小程序modal弹窗关闭默认会执行cancel问题
2019/10/14 Javascript
[41:20]2014 DOTA2华西杯精英邀请赛 5 24 NewBee VS DK
2014/05/26 DOTA
布同自制Python函数帮助查询小工具
2011/03/13 Python
Python BeautifulSoup中文乱码问题的2种解决方法
2014/04/22 Python
python通过yield实现数组全排列的方法
2015/03/18 Python
Python实现类的创建与使用方法示例
2017/07/25 Python
python3解析库lxml的安装与基本使用
2018/06/27 Python
Win10下Python3.7.3安装教程图解
2019/07/08 Python
Python常用编译器原理及特点解析
2020/03/23 Python
keras K.function获取某层的输出操作
2020/06/29 Python
matplotlib基础绘图命令之errorbar的使用
2020/08/13 Python
Python 连接 MySQL 的几种方法
2020/09/09 Python
python 爬取小说并下载的示例
2020/12/07 Python
css3中background新增的4个新的相关属性用法介绍
2013/09/26 HTML / CSS
使用Html5多媒体实现微信语音功能
2019/07/26 HTML / CSS
德国大型的家具商店:Pharao24.de
2016/10/02 全球购物
一组SQL面试题
2016/02/15 面试题
优秀大专毕业生求职信
2014/08/04 职场文书
vue如何清除浏览器历史栈
2022/05/25 Vue.js