HTML中label的两种使用方法

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

 

有两种使用方法：

 

方法1：

 

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

 

 

方法2：

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

 

 

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

 

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