您的位置:首页 > Web前端 > 其它 > 正文

label for属性

更多 时间:2015-6-2 类别:Web前端 浏览量:607

label for属性

label for属性

label 的 for 属性规定label与哪个表单元素绑定,如果用户点击 label 元素内的文本,则会切换到控件本身。

但是label标签for属性的值只能是表单中id的值,而不能是类class的值

例如

 

  • 
    
    <label for="male">Male</label>
    
    <input type="radio" name="sex" id="male" />
    
    <br />
    
    <label for="female">Female</label>
    
    <input type="radio" name="sex" id="female" />
    
    		
  •  

    label标签和表单控件相联系的方式

     

    1、显式形式

    为 <label> 标签下的 for 属性命名一个目标表单元素的 id

     

  • 
    <label for="SSN">Social Security Number:</label>
    <input type="text" name="SocSecNum" id="SSn" />
    
    		
  •  

    2、隐式形式

    将表单控件作为标记标签的内容

     

  • 
    <label>Date of Birth: <input type="text" name="DofB" /></label>
    
    		
  •  

    标签:label标签