lable标签总结

之前在学习纯css实现星级评价的功能时曾经用到，但是之后就荒废以至于忘记怎么使用，特此补充，以备后查！

label是什么？

label，英文中代表标签，贴标签于的意思。这个英文解释同样适用于这个HTML标签。

label有啥用？

label的加入并不会对页面熬成任何变动，该标签只会对鼠标的操作进行优化升级。主要是当点击lable标签上的文字时，会选择对应的元素。

举例

  <form action="./index" method="get">
    <div class="username">
      <label for="username">用户名</label>
      <input id="username" type="text" name="username" value="">
    </div>
    <div class="password">
      <label for="password">密码</label>
      <input id="password" type="password" name="password">
    </div>
    <div class="submit">
      <button>提交</button>
    </div>
  </form>

当点击用户名或者密码字样时，光标会自动落在对应的文本框中。