HTML <input> placeholder Attribute
Example
A telephone input field with a placeholder text:
<form action="/action_page.php">
<label for="phone">Enter a phone number:</label><br><br>
<input type="tel" id="phone" name="phone" placeholder="123-45-678"
pattern="[0-9]{3}-[0-9]{2}-[0-9]{3}"><br><br>
<small>Format:
123-45-678</small><br><br>
<input type="submit">
</form>
Try it Yourself »
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.
Browser Support
The numbers in the table specify the first browser version that fully supports the attribute.
| Attribute | |||||
|---|---|---|---|---|---|
| placeholder | 10.0 | 10.0 | 4.0 | 5.0 | 11.0 |
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
