这是我参与「第四届青训营 」笔记创作活动的第十天
HTML基础知识总结(十)
接上一篇文章，本 章 着 重 复 习 Html 的 基 础 内 容 ， 学 习 Html 究 竟 要 学 些 什 么 呢 ？ 主 要 是 学 习 搭 建 网 页 的 “ 结 构 ” 。
我们本篇介绍一下： label 标 签 ！！！
label 标 签
1.概述：
- label 标签为 input 元素定义标注（标签）。
- label标签主要目的是为了提高用户体验。为用户提高最优秀的服务。
作用：用于绑定一个表单元素, 当点击label标签的时候, 被绑定的表单元素就会获得输入焦点
2.基本语法格式 & 效果截图
如何进行绑定元素呢？
(1)第一种用法就是用 label 标签直接包含 input 表单， 适合单个表单时进行选择使用！
- 基本语法：
<label>用户名: <input type="text"> </label><br>
我们可以看到，点击" 用户名:" 就可以定位光标到输入框！此时input 表单，位于label标签里面，所以：实现了绑定效果。
- 运行截图
- 详细阐述：
我们点击“用户名”这3个文字时，就会自动定位到“文本框”，我们就可以进行输入了。 而不是：必须点击文本框才能进行输入！！！
(2)第二种用法 for 属性，规定 label 与哪个表单元素绑定(通过 id )。！
- for 属性
功能：表示Label 标签要绑定的HTML 元素，你点击这个标签的时候，所绑定的元素将获取焦点。
- 基本语法格式：
<label for="nan">男</label> <input type="radio" name="sex" id="nan">
<label for="nv">女</label> <input type="radio" name="sex" id="nv"> <br>
我们看到，在 label 标签里面，文字是"男、女", 它在左边 label 标签里面，写了一个 for 属性，值为 nav和 nv。
所以作为对应，在 input 表单里面，必须有 id 属性，值为 nav和 nv.
- 运行截图
- 详细阐述：
在通过这种绑定后，用户只需要点击"男"和"女"这2个文字，就可以实现：直接选择。
点击" 男:" 就可以自动定位光标到选择框！
不必，再次精准的点击选择的圆点。
