Skip to content
Related Articles

Related Articles

Improve Article
Save Article
Like Article

How to define a label for an input element using HTML5 ?

  • Last Updated : 28 May, 2020

In this article, we will learn how to define a label for an input element by using a <label> tag. It is used to provide a usability improvement for mouse users i.e. if a user clicks on the text within the label element, it toggles the control. The label tag defines the label for the button or text area element.


Attention reader! Don’t stop learning now. Get hold of all the important HTML concepts with the Web Design for Beginners | HTML  course.

<label> form content... </label>


<!DOCTYPE html>
        Define a label for 
        an input element
        body {
            font-size: 20px;
<body style="text-align:center">
    <h1 style="color:green">
        HTML5: How to define a label 
        for an input element?
        <!-- Starts label tag from here -->
        <label for="student">
        <input type="radio" name="Occupation" 
            id="student" value="student"><br>
        <label for="business">
        <input type="radio" name="Occupation" 
            id="business" value="business"><br>
        <label for="other">
        <!-- Ends label tags here -->
        <input type="radio" name="Occupation"
            id="other" value="other">


Supported Browsers:

  • Google Chrome
  • Internet Explorer
  • Firefox
  • Opera
  • Safari

My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!