HTML <input> title Attribute

The title attribute on an <input> tag adds a tooltip with title text to the input element.

Hovering the mouse over the input element will display the tooltip.



A title attribute on an <input> element.
Hover over the input field to see the tooltip.

<input type="text" 
       title="City where you were born."
       placeholder="Enter city...">

Code explanation

The title attribute is placed in the <input> tag.

The value can be any string.

Hover the mouse over the input field and after a second a tooltip appears.

Using title

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

The title attribute value can be seen as tooltip.

A tooltips is displayed when the mouse hovers the input element.


<input title="value">



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:

1.0 Sep 2008
1.0 Sep 2002
1.0 Aug 1995
1.0 Jan 2006
1.0 Jan 2003

You may also like

 Back to <input>

Author: Jack Poorte
Published: Jun 20 2021
Last Reviewed: Sep 30 2023

What's your favorite/least favorite part of Dofactory?