label实在搞不懂

Question

请问第九行和第十行的代码是什么意思

Answer 1

lable没有for属性，就没任何意义，跟span是一样

有for = “id” 那么就指向这个id的表单元素

不仅点击表单元素本身，比如input ，

点这个lable里的字，也会把焦点 也就是光标 指向表单元素。

Answer 2

代码写漏了——————   爱好：

<label>爱好：

    <select>

        <option value= "看书">看书</option>

        <option value= "旅行" selected="selected">旅行</option>

        <option value= "动物">动物</option>

        <option value= "购物">购物</option>

    </select>

</label>

Answer 3

label是用来绑定元素的，当用户点击label的内容时，就会自动转移到被绑定的元素上。

一般在单选框和复选框上用的比较多，因为它们都比较小，点击不容易，将它们绑定到文字上就方便多了，而且文字越多越方便。

比如：你的代码里，当用户点击爱好这两个字时，就会自动打开下拉列表。

当然你的代码用法是不正确的，

<label>

    <select>

        <option value= "看书">看书</option>

        <option value= "旅行" selected="selected">旅行</option>

        <option value= "动物">动物</option>

        <option value= "购物">购物</option>

    </select>

</label>