HTML <fieldset> 标签 label标签_fieldset label 默认选中-优快云博客

本文详细介绍了HTML中fieldset元素的应用，用于将表单内的相关元素进行分组，并展示了如何通过CSS设置其样式。此外，还介绍了label标签的作用及使用方法，包括如何通过设置for属性增强表单控件的可用性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

fieldset 元素可将表单内的相关元素分组。

<fieldset> 标签将表单内容的一部分打包，生成一组相关表单的字段。

当一组表单元素放到 <fieldset> 标签内时，浏览器会以特殊方式来显示它们，它们可能有特殊的边界、3D 效果，或者甚至可创建一个子表单来处理这些元素。

<fieldset> 标签没有必需的或唯一的属性。

<form>
  <fieldset>
    <legend>健康信息</legend>
    身高：<input type="text" />
    体重：<input type="text" />
  </fieldset>
</form>

另外可以在border属性中设置none 进行关闭，但是低版本IE浏览器处理存在缺陷，因此可以将其设置为透明。

fieldset
{
border:solid 0 transparent;
}

label标签

<label> 标签为 input 元素定义标注（标记）。

label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。

<label> 标签的 for 属性应当与相关元素的 id 属性相同。