使用单选框、复选框,让用户选择案例中的“”性别:“” 为什么放在<label>。。。</label> 中 而文本输入框、密码输入框的文字只要直接打上去就可以?
放label是为了可以让用户点击相应文字就可以直接选中
放label是为了可以让用户点击相应文字就可以直接选中
个人理解,就是label是类似“标签定位”,点击文本后会触发控件,接着关联到相应的表单上。而input type="text"/"password",就是直接关联表单,直接输入文本。
下面是教程的解释,你可以理解看看:
"label标签不会向用户呈现任何特殊效果,它的作用是为鼠标用户改进了可用性。如果你在 label 标签内点击文本,就会触发此控件。就是说,当用户单击选中该label标签时,浏览器就会自动将焦点转到和标签相关的表单控件上(就自动选中和该label标签相关连的表单控件上)。"
希望能帮到你!
<form> <label for="male">Male</label>
<input type="radio" name="sex" id="male" />
<br /> <label for="female">Female</label>
<input type="radio" name="sex" id="female" />
</form>
试一下这段代码,然后自己去掉label标签再试试,就知道label的用处啦~
label标签不会向用户呈现任何特殊效果,它的作用是为鼠标用户改进了可用性。如果你在 label 标签内点击文本,就会触发此控件。就是说,当用户单击选中该label标签时,浏览器就会自动将焦点转到和标签相关的表单控件上(就自动选中和该label标签相关连的表单控件上)。而对于文本输入框和密码输入框来说直接都可以触发控件达到想要的效果。
type = "text" 本身有这个功能!