<label>

The label tag, or Input Label element, is used to define a label for the following elements:

• <input type="checkbox">
• <input type="color">
• <input type="date">
• <input type="datetime-local">
• <input type="email">
• <input type="file">
• <input type="month">
• <input type="number">
• <input type="password">
• <input type="radio">
• <input type="range">
• <input type="search">
• <input type="tel">
• <input type="text">
• <input type="time">
• <input type="url">
• <input type="week">
• <meter>
• <progress>
• <select>
• <textarea>

Syntax

Use the for attribute of label, required to be equal to the id attribute of the related element in the list above in order to bind them together.

<form action="/action-page.php" method="get">
  <label for="email">Email Address: </label>
  <input type="email" id="email" name="email">
  <input type="submit" value="Submit">
</form>

Attributes

for
Binds the <label> to a form element by its id.

form
Binds the <label> to a form by its id.

Browser Compatibilty

Demos

User-submitted codepen.io examples of <label> ↴

@krish

See the Pen on CodePen.

reply?

Want to Contribute?

Submit a codepen.io link that demonstrates <label>: