Open In App

HTML | <option> label Attribute

Last Updated : 28 Jul, 2022
Summarize
Comments
Improve
Suggest changes
Like Article
Like
Share
Report
News Follow

 The HTML option label Attribute is used to specify the text value which represents the shorted label for option. The shortest version will be displayed in the drop-down list. 

Syntax: 

<option label="text">

Attribute Values: It contains single value text which specify the shorter version for an option. Below example illustrates the use of label attribute for an option element. 

Example: 

html




<!DOCTYPE html>
<html>
 
<head>
    <title>
        HTML option label attribute
    </title>
     
    <style>
        body {
            text-align:center;
        }
        h1 {
            color:green;
        }
    </style>
</head>
 
<body>
    <h1>GeeksforGeeks</h1>
     
    <h2>HTML option label Attribute</h2>
     
    <select>
        <option>Choose an option</option>
        <option label="HTML">HTML Language</option>
        <option label="JAVA">JAVA Programming</option>
        <option label="C++">C++ Programming</option>
        <option label="PHP">PHP Programming</option>
        <option label="PERL">PERL Programming</option>
    </select>
</body>
 
</html>            


Output:

  

Supported Browsers: The browsers supported by HTML <option> label attribute are listed below:

  • Google Chrome 1
  • Edge 12
  • Firefox 1
  • Internet Explorer 
  • Safari
  • Opera


Next Article

Similar Reads

three90RightbarBannerImg