How to add HTML <input> placeholder Attribute
A telephone input field with a placeholder text.
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.
Syntax
<input placeholder="text">
Attribute Values
| Value | Description |
|---|---|
| text | Specifies a short hint that describes the expected value of the input field |
index.html
Example:
HTML
<input type="tel" id="phone" name="phone" placeholder="123-45-678"
pattern="[0-9]{3}-[0-9]{2}-[0-9]{3}">
Output should be:
Type: | Html |
Category: | Web Tutorial |
Sub Category: | HTML Tag |
Uploaded by: | Admin |