一直不懂<label>是干嘛用的 为什么有for="username"？
<label> 标签为 input 元素定义标注（标记）。label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。<label> 标签的 for 属性应当与相关元素的 id 属性相同。实例带有两个输入字段和相关标记的简单 HTML 表单：<form> <label for="male">Male</label> <input type="radio" name="sex" id="male" />
<label for="female">Female</label> <input type="radio" name="sex" id="female" /></form>
label就当一个文本输入使用就行。for="username"里的username是和后面的id=“username”匹配的，一致的话，在浏览器中才能点选该label文本。
label标签内的内容相当于一个控件，没有任何特殊效果，只是单击方便浏览器的自动选择
通俗来讲就是鼠标经过的范围都是lable的内容，聚焦作用
label标签不会向用户呈现任何特殊效果，它的作用是为鼠标用户改进了可用性。如果你在 label 标签内点击文本，就会触发此控件。就是说，当用户单击选中该label标签时，浏览器就会自动将焦点转到和标签相关的表单控件上（就自动选中和该label标签相关连的表单控件上）。