label标签

label标签干啥的？

为input元素绑定标记。

举个例子

首先创建两个input元素

    <input type="radio" name="sex" id="male">
    <input type="radio" name="sex" id="female"

结果如图

image.png

发现没有，缺标记文字啊

    <label for="male">Male</label>
    <input type="radio" name="sex" id="male">
    <!--for is used for making mark for input element -->
    <br>
    <label for="female">Female</label>
    <input type="radio" name="sex" id="female">

结果

image.png

注意，label的for属性的值必须和input的id属性值一样。for在这里大概是为了谁的意思。

当然，这个type也可以是其他类型，比如
password。如图

image.png

这个label属性是很有用的，不然的话大概你会用div去给input元素写名字。