X
HOME HTML CSS JAVASCRIPT SQL PHP JQUERY XML ASP.NET MORE...
REFERENCES | EXAMPLES | FORUM | ABOUT

HTML <input> placeholder Attribute

HTML input Tag Reference HTML <input> tag

Example

Two input fields with a placeholder text:

<form action="demo_form.asp">
  <input type="text" name="fname" placeholder="First name"><br>
  <input type="text" name="lname" placeholder="Last name"><br>
  <input type="submit" value="Submit">
</form> 

Try it yourself »

Browser Support

Internet Explorer Firefox Opera Google Chrome Safari

The placeholder attribute is supported in Internet Explorer 10, Firefox, Opera, Chrome, and Safari.

Note: The placeholder attribute of the <input> tag is not supported in Internet Explorer 9 and earlier versions.


Definition and Usage

The placeholder attribute specifies a short hint that describes the expected value of an input field (e.g. a sample value or a short description of the expected format).

The short hint is displayed in the input field before the user enters a value.

Note: The placeholder attribute works with the following input types: text, search, url, tel, email, and password.


Differences Between HTML 4.01 and HTML5

The placeholder attribute is new in HTML5.


Syntax

<input placeholder="text">

Attribute Values

Value Description
text Specifies a short hint that describes the expected value of the input field


HTML input Tag Reference HTML <input> tag

Your suggestion:

Close [X]

Thank You For Helping Us!

Your message has been sent to W3Schools.

Close [X]
Search w3schools.com:

WEB BUILDING

Download XML Editor FREE Website BUILDER Free HTML5 Templates

SHARE THIS PAGE

facebook