HTML <button> title Attribute

The title attribute on a <button> tag adds a tooltip with title text to the button. Hovering the mouse over the button will display the tooltip.

Example

#

A title attribute on a <button> tag.
Hover over the button to see the tooltip.

<button type="button" title="Accept requested meeting."
        onclick="alert('Meeting has been accepted!');">Accept</button>

Code explanation

The title attribute is placed in the <button> opening tag.

The value can be any string. Hover the cursor over the button and after a second or so a tooltip appears.


Using title

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

The title attribute value can be seen as tooltip.

Tooltips are shown when the button element is hovered.


Syntax

<button 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 <button>
Guides