label和input

正常label标签就是显示文字，input标签根据类型不一样显示不同，如text,passwork等等。

通过label与input绑定在一起，是为了点击label包含的文字时，input框会选中。否则只能通过点击input框选中。

label标签可以直接包裹input标签和文字：

<label for="male">
    <input type="radio" name="sex" id="male" value="0" checked>男
</label>
<label for="female">
    <input type="radio" name="sex" id="female" value="1">女
</label>

也可以包裹div、p等其它标签：

<label for="hobby1">
    <input type="checkbox" name="hobby" id="hobby1" value="0">
    <div class="inline-block">
        <div>刀</div>
        <div>枪</div>
        <div>剑</div>
        <div>戟</div>
    </div>
</label>
<label for="hobby2">
    <input type="checkbox" name="hobby" id="hobby2" value="1">
    <div class="inline-block">
        <div>斧</div>
        <div>钺</div>
        <div>钩</div>
        <div>叉</div>
    </div>
</label>