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 »
<input type="text" name="fname" placeholder="First name"><br>
<input type="text" name="lname" placeholder="Last name"><br>
<input type="submit" value="Submit">
</form>
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 |
