HTML中label的两种使用方法

如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。

 有两种使用方法:

方法1:

    <label for="userName">用户名:</label><input type="text" id="userName"/>  

 方法2:

<label>用户名:<input type="text"/></label> 

 当在单选或多选里使用时,还会出现一种视觉效果,这也是一种友好的方式。

<label><input type="radio" />性别</label> 

 在HTML里,每一种HTML标签都有自己的意义,在做页面的时候选择适合的标签,少使用DIV,Span这些无语义的标签,只有在无法确定使用什么标签才使用DIV。

原文地址:https://www.cnblogs.com/kingwell/p/2707132.html