fieldset中的标签以及输入框一致问题

fieldset——一个不常用的HTML标签

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之后,所有元素就能够对齐了。

你可能感兴趣的:(fieldset中的标签以及输入框一致问题)