Example
Change the placeholder text of a search field:
document.getElementById("mySearch").placeholder = "Search
files";
Try it Yourself »
Definition and Usage
The placeholder property sets or returns the value of the placeholder attribute of a search field.
The placeholder attribute specifies a short hint that describes the expected value of a search field (e.g. a sample value or a short description of the expected format).
The short hint is displayed in the text field before the user enters a value.
Browser Support
The placeholder property is supported in all major browsers.
Note: The placeholder property is not supported in Internet Explorer 9 and earlier versions.
Syntax
Return the placeholder property:
searchObject.placeholder
Set the placeholder property:
searchObject.placeholder=text
Property Values
| Value | Description |
|---|---|
| text | Specifies a short hint (one word or a short phrase) that describes the expected value of the search field |
Technical Details
| Return Value: | A String, representing a short hint that describes the expected value of the search field |
|---|
More Examples
Example
Get the placeholder text of a search field:
var x = document.getElementById("mySearch").placeholder;
The result of x will be:
Name
Try it Yourself »
Related Pages
HTML reference: HTML <input> placeholder attribute
< Input Search Object