HTML label Attribute

HTML label Attribute: The HTML label attribute is used to specify the type of form element a label is bound to.

HTML label Attribute

Attribute Values: It contains the value i.e element_id which specify the id of the element that the label is bound to.

Syntax: <label for=”element_id”>

Browser Support

The HTML label attribute is supported by the following browsers:

  • Chrome-18.0
  • Firefox-31.0
  • Internet Explorer-10.0
  • Safari-6.0
  • Opera-15.0

Example:

<!-- HTML code to illustrates label tag -->
<!DOCTYPE html> 
<html> 
<head> 
  <title> 
     HTML | for Attribute 
  </title> 
<style> 
    body { 
      font-size: 20px; 
      } 
   </style> 
</head> 
<body style="text-align:center"> 
  <h1 style="color:green"> 
     Freshersnow 
</h1> 
 <h2> 
    HTML | <label>for Attribute 
</h2> 
  <form> 
     <!-- Starts label tag from here -->
     <label for="student"> 
     Student 
     </label> 
   <input type="radio" name="Occupation" id="student" value="student"> 
   <br> 
      <label for="business"> 
       Business 
   </label> 
 <input type="radio" name="Occupation" id="business" value="business"> 
 <br> 
   <label for="other"> Other 
 </label> 
  <!-- Ends label tags here -->
   <input type="radio" name="Occupation" id="other" value="other"> 
  </form> 
 </body> 
</html> 

Output:

HTML label attribute