黑马程序员技术交流社区

标题: html label 标签的 for 属性 [打印本页]

---

作者: 庭院深深深几许    时间: 2019-3-7 09:44
标题: html label 标签的 for 属性

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

有两种使用方法：

方法1　　使用for属性

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

方法2

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

在使用单选按钮radio或者多选按钮checkbox的时候，有时需要在选中文字的时候就要选中单选或者多选按钮，这同样可以使用类似上面的方法。

方法1

<label><input type="radio" />用户名</label> <label><input type="checkbox">学校</label>

方法2　　使用for属性

<label for="userName">用户名</label> <input type="radio" id="userName" /><label for="userName">用户名</label> <input type="checkbox" id="userName" />

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2