html中设置有和没有的label标签

本篇文章主要的介绍的是关于HTML中的label标签设置高度的方法。还有关于HTML label标签的使用方法介绍。下面就让我们一起来看这篇关于html label标签的文章吧

首先我们先来看看在html中label标签设置高度的方法：

html中标签<label></label>为表单元素定义文字标注，<label>属于内联元素，元素前后没有换行符，并且不可以设置高度。

若想要设置高度，需要设置<label>的display属性，默认属性是inline，此时元素会被显示为内联元素，元素没有换行符，只需要在inline后面加上block，即display:inline-block。此时<label>改为块元素，现在就可以修改<label>高度了。

<label>标签表示用户界面中某个元素的说明，提高其他表单元素(如<input /><select>等标签)的可及性。

与input元素进行关联，点击label元素==点击input元素。点击label元素之后，input元素会获取焦点。

index.html

运行截图：

1. 不要在label内放置可交互的元素 ：如<a>标签、<button>标签、<input type='button'>，如果这样做，将会起到反作用。

2. 在<label>标签中不要添加 标题元素 ： 因为标题元素通常用于辅助导航，会干扰辅助技术。

是大法师是大法师是大法师是大法师是大法师是大法师是大法师是大法师是大法师是大法师\x0d\x0a\x0d\x0a代码如上\x0d\x0a\x0d\x0a直接overflow hidden是不行的，label是一个行内元素，无法设置宽度，先用display:block强制转化为块级元素

---