Earn income with your HTML skills
Sign up and we'll send you the best freelance opportunities straight to your inbox.
We're building the largest self-service freelancing marketplace for people like you.

HTML <label> title Attribute

The title attribute on a <label> tag adds a tooltip with title text to the label.

Hovering the mouse over the label will display the tooltip.

Example

#

A title attribute on a <label> element.
Hover over the label to see the tooltip. Then click the label and the textfield receives focus.


<form>
  <label for="firstname" title="Customer's First name">First name</label><br />
  <input type="text" id="firstname" name="firstname">
</form>

Code explanation

  • The title attribute is placed in the <label> opening tag.
  • The value can be any string. Hover over the label and a tooltip appears.

Using title

The title attributes provides additional information about the <label> element.

The title value displays as a tooltip.

Tooltips are shown when the label element is hovered.


Syntax

<label title="value">

Values

#

Value Description
value A string value. A title can span multiple lines by including newline or carriage-return characters:  &#10;  or  &#013;.

Browser support

Here is when title support started for each browser:

Chrome
1.0 Sep 2008
Firefox
1.0 Sep 2002
IE/Edge
1.0 Aug 1995
Opera
1.0 Jan 2006
Safari
1.0 Jan 2003

You may also like

 Back to <label>
Earn income with your HTML skills
Sign up and we'll send you the best freelance opportunities straight to your inbox.
We're building the largest self-service freelancing marketplace for people like you.

Guides