Latest web development tutorials
 

HTML placeholder Attribute


Definition and Usage

The placeholder attribute specifies a short hint that describes the expected value of a input field / textarea.

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


Applies to

The placeholder attribute can be used on the following elements:

Elements Attribute
<input> placeholder
<textarea> placeholder

Examples

Input 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 »

Textarea Example

A text area with a placeholder text:

<textarea placeholder="Describe yourself here..."></textarea>
Try it Yourself »


Browser Support

The placeholder attribute has the following browser support for each element:

Element
input 10.0 10.0 4.0 5.0 11.0
textarea Yes 10.0 4.0 5.0 11.5