HTML <fieldset> 标签
定义和用法
fieldset 元素可将表单内的相关元素分组。
<fieldset> 标签将表单内容的一部分打包,生成一组相关表单的字段。
当一组表单元素放到 <fieldset> 标签内时,浏览器会以特殊方式来显示它们,它们可能有特殊的边界、3D 效果,或者甚至可创建一个子表单来处理这些元素。
<fieldset> 标签没有必需的或唯一的属性。
<legend> 标签为 fieldset 元素定义标题。
<html>
<body>
<style type="text/css">
fieldset
{
padding: 0;
margin-top: 0px;
width: 300px;
border: 1px solid #A4CDF2;
background: #fff;
}
fieldset legend
{
color: #1E7ACE;
font-weight: bold;
padding: 3px 20px 3px 20px;
border: 1px solid #A4CDF2;
background: #fff;
}
.maintable
{
position: absolute;
}
#show
{
position: absolute;
top: 25px;
right: 0px;
z-index: 2;
}
.hight
{
color: #135294;
font-weight: bold;
}
</style>
<fieldset>
<legend>最开心:</legend>
<form>
<label>学习:<input type="text" /></label></br>
<label>睡觉:<input type="text" /></label>
</form>
</fieldset>
<p>如果表单周围没有边框,说明您的浏览器太老了。</p>
</body>
</html>