Latest web development tutorials
 

Input Search placeholder Property

< Input Search Object

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

Internet Explorer Firefox Opera Google Chrome Safari

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