input与label联合使用的两种方式

原文链接地址：input与label联合使用的两种方式

当用户选择label标签时，浏览器会自动将焦点转移到个label相关的input上

1.通过为input设置属性id，在label标签中设置for=id使label文本与对应的inpu他结合起来。

<label for="name">Name:</label>
<input id="name" type="text"/>

2.label标签包裹input标签，点击label时，label两次响应，即label本身触发和input触发后冒泡到label上。

<label for="name">
    <input id="name" type="text"/>
</label>