label 标签属性的总结归纳

来源：互联网发布：mssql 分布式编辑：程序博客网时间：2024/05/18 10:31

<label> 标签为 input 元素定义标注（标记）。

label 元素不会向用户呈现任何特殊效果。当用户点击相关文字时，浏览器就会自动将焦点转移到该标签相关的表单控件上，即只要是点击相关的文档的文字，浏览器便可以自动帮助用户选择相关的表单控件。

<label> 标签的 for 属性应当与相关元素的 id 属性相同。

相关属性语法：

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

<html><body><p>请点击文本标记之一，就可以触发相关控件：</p><form><label for="male">Male</label><input type="radio" name="sex" id="male" /><br /><!-- label的for的值要与下面的表单控件input的id相同，当点击文字Male时，浏览器便会自动选择id为male，name为sex的表单控件 --><label for="female">Female</label><input type="radio" name="sex" id="female" /></form></body></html>

<label>Date of Birth: <input type="text" name="DofB" /></label>  <!-- label标签里面写表单控件，可以省略for属性。-->
form: form规定label绑定的一个或多个表单
<html><body><form action="demo_form.asp" method="get" id="genderform"><label>Male<input type="radio" name="sex" id="male" value="male" /></label><br /><label>Female<input type="radio" name="sex" id="female" value="female"  /></label><input type="submit" value="提交" /></form><p>用于第一个单选按钮的 label 位于 form 元素之外，但仍然是表单的一部分。请尝试点击这个 label，可以切换到 radio 控件。</p><label for="male" form="genderform">sss</label>
<!-- form的属性值要与其所属的ID对应 当点击sss时，就会选择for属性male的表单元素控件 --></body></html>

                                                     0        0           	
					
					   label  标签属性的总结归纳
	  	   label标签的for属性
	  	   label标签的for属性
	  	   label标签的for属性
	  	   label标签的for属性
	  	   label标签的for属性
	  	   label标签的for属性的作用
	  	   HTML5新增的标签和属性归纳
	  	   HTML5新增的标签和属性归纳
	  	   label标签的for属性用法
	  	   HTML之Label标签的for属性
	  	   <label>标签for属性的妙用
	  	   label标签的for属性用法
	  	   HTML <label> 标签的 for 属性
	  	   <label>标签for属性的妙用
	  	   HTML <label> 标签的 for 属性
	  	   <label>标签for属性的妙用
	  	   <label>标签for属性的妙用
	     		  
	  	   LeetCode (Group Anagrams)
	  	   移动端 Web 开发踩坑之旅
	  	   UNIX编程环境笔记
	  	   C# 汉字排序
	  	   版式设计与画册设计的关系
	  	   label  标签属性的总结归纳
	  	   PCM 音频格式分析
	  	   JSP页面调用log4j写日志文件
	  	   Nova 组件详解
	  	   根据二叉树的先序、中序遍历结果重建二叉树
	  	   MySQL · 性能优化 · MySQL常见SQL错误用法
	  	   Linux中文件上传rz使用
	  	   strcpy_s
	  	   android 事件分发 view和viewgroup