HTML5<fieldset>标签
2015-12-27 18:43
579 查看
1、<fieldset>标签对表单中的相关元素进行分组。
2、<fieldset>标签会在相关表单元素周围绘制边框。
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<meta charset="utf-8" />
</head>
<body>
<form>
<fieldset>
<legend>个人信息:</legend>
<p>姓名:<input type="text"name="name" /></p>
<p>年龄:<input type="text"name="age" /></p>
<p>职务:<input type="text"name="job" /></p>
<p>地址:<input type="text"name="address" /></p>
</fieldset>
</form>
</body>
</html>
2、<fieldset>标签会在相关表单元素周围绘制边框。
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<meta charset="utf-8" />
</head>
<body>
<form>
<fieldset>
<legend>个人信息:</legend>
<p>姓名:<input type="text"name="name" /></p>
<p>年龄:<input type="text"name="age" /></p>
<p>职务:<input type="text"name="job" /></p>
<p>地址:<input type="text"name="address" /></p>
</fieldset>
</form>
</body>
</html>
相关文章推荐
- 如何修改HTML5 input placeholder 颜色
- html5 Audio音乐播放器(canvas圆形音乐播放进度条)(二)
- 基于Cloudera Manager 5和CDH5(版本5.3.3)的Hadoop集群安装
- -webkit-animation的使用方法
- HTML5 history新特性pushState、replaceState及两者的区别
- 程序员用HTML5给女朋友制作的3D相册
- HTML5(一)HTML5表单类型与属性
- H5事件
- 认识HTML5的WebSocket
- Html5 Geolocation获取地理位置信息
- HTML5开头声明
- HTML5:简介和文档基本结构
- h5拖动
- 戏说HTML5
- HTML5离线篇收藏--- cache manifest
- html5开发之viewport使用
- admob cordova插件 / cordova admob 插件 教程
- HTML5 Now: 深入了解HPolyfills
- 解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法
- html5-离线存储