HTML for 属性与表单控件联系_HTML<label>标签的for属性

HTML

隐式和显式的联系

标识与表单元素之间通常通过以下两种途径建立关联：一种是将表单元素本身作为标签的内容，这种形式属于隐含的关联方式；另一种则是为

隐式的联系：

第一个标记通过明确的方式将冒号“:”与用于输入社会安全号码的表单控件相连接，该控件的for属性值与控件的id相同，均为SSN。第二个标记（即“出生日期”）不要求设置for属性，与之关联的控件也不必赋予id属性，它们实际上是通过在相应的标签内嵌入特定的标签来实现隐含的关联。

浏览器支持：

所有主流浏览器都支持 for 属性。

2 或更早的版本不支持 for 属性。

比较实用的用途：

在用户进行注册流程时，往往需要点击文字，此时系统会自动将光标定位至相应的表单区域。这一功能的实现原理，正是我接下来将要介绍的标签的for属性。

定义：for 属性规定 label 与哪个表单元素绑定

	
	

		

			
用户名：
			

		
		

			
密码：
			

		
		

			
密码确认：
			

		
		

			
爱好：
			

				basketball
				football
				skating
				dance
			
		
		

			
性别：
			

				boy
				girl
			
		
		

			
邮箱：
			

		
		

			
住址：
			

		
	

如果您觉得本文的内容对您的学习有所帮助，您可以微信：

的监听事件|最近使用的几个开发利器