Skip to content
Related Articles

Related Articles

HTML <label> for Attribute

View Discussion
Improve Article
Save Article
Like Article
  • Last Updated : 21 Jun, 2022

The HTML <label> for Attribute is used to specify the type of form element a label is bound to

Syntax:

<label for="element_id">

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

Example: This Example that illustrates the use of for attribute in <label> element. 

html




<!-- 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">
    GeeksforGeeks
</h1>
    <h2>
      HTML | &lt;label&gt;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:

  

Supported Browsers: The browser supported by HTML | <label>for Attribute are listed below:

  • Google Chrome 
  • Edge version 12 and above
  • Internet Explorer 
  • Firefox
  • Opera 
  • Safari 


My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!