css 隐藏label

CSS隐藏label的方法

在使用HTML表单时，经常需要使用label标签为表单控件（如input）添加标签。但是有时候我们也需要隐藏这个标签，这个时候就需要使用CSS来实现了。以下是两种常见的实现方法。

/*方法一：使用display:none*/
label{
  display:none;
}

/*方法二：将label移出可视区域*/
label{
  position:absolute;
  left:-9999px;
  top:-9999px;
}

这两种方法都可以实现隐藏label标签的效果，但是使用display:none会直接将标签隐藏不占用空间，而将标签移出可视区域则会保留标签占用的空间。

需要注意的是，如果我们使用for属性绑定input和label，当label被隐藏时，仍然可以通过点击label来触发input。如果不需要这个功能，可以将for属性去掉。