14-label标签的使用

label标签在form表单中能使本文与输入框链接，点击文本，页面能跳转到输入框输入

标准表达法：

实例如下

<label for="a">账号名称：</label> <input type="test" id="a">

<label for="b">账号密码：</label> <input type="password" id="b">

此举实际上就是将input输入标签设置id，然后将文本设置label标签通过for属性来关联

简易写法：

如果不需要跨行关联，上面的代码有办法进行简化，实例如下

<label>账号名称： <input type="test" > </label>

<label>账号密码：<input type="password" > </label>

此举实际上是将需要关联的文本与iuput标签用label标签来包裹起来，但是这种方法有局限性，

比如，你想点击账号名称来激活密码输入框，简易写法就不行了，就要使用标准表达法来设置id

且在label中设置for属性来关联。

官方定义：

<label> 标签为 input 元素定义标注（标记）。

label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。

<label> 标签的 for 属性应当与相关元素的 id 属性相同。