Tutorials References Exercises Videos Menu
Free Website Get Certified Pro

HTML <input> placeholder Attribute

❮ HTML <input> tag

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