Open In App

HTML <label> for Attribute

Last Updated : 21 Jun, 2022
Comments
Improve
Suggest changes
Like Article
Like
Report

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 

Next Article

Similar Reads