fieldset 标签 -- 对表单进行分组
在form表单中,我们可以对form中的信息进行分组归类,如注册表单的form,我们可以将注册信息分组成
基本信息(一般为必填)
详细信息(一般为可选)
那我们如何更好的来实现呢?我们可考虑在表单form中加入下面两个标签:
fieldset:对表单进行分组,一个表单可以有多个fieldset。
legend:说明每组的内容描述。
当fieldset元素与input元素输入框不一样大时,css里设置fieldset{
-webkit-appearance:none;
width:100%;
border:1px soild #333;
margin:0;
font-family:inherit;
font-size:90%;
-moz-box-sizing:border-box;
box-size:border-box;
text-decoration:none;
}
box-size:border-box
在没有添加box-size的时候,fieldset元素的框总是比其他元素要宽,增加box-size之后,所有元素就能够对齐了。