HTML | placeholder Attribute
The placeholder attribute specifies a short hint that describes the expected value of an input field/text area. The short hint is displayed in the field before the user enters a value.
Syntax:
<element placeholder="">
Elements: This method can have following attributes:
Attribute: The attribute for each of the above element is placeholder.
Example: With <input> element
html
<!DOCTYPE html><html><body> <center> <h1 style="font-size:25px;font-style:italic;"> GeeksforGeeks </h1> <h2 style="font-size:25px;font-style:italic;"> Placeholder Attribute in Input Element </h2> <form action=" "> <input type="text" name="fname" placeholder="First name"> <br> <input type="text" name="lname" placeholder="Last name"> <br> <input type="submit" value="Submit"> </form></center></body></html> |
Output:
Example: With <textarea> element
html
<!DOCTYPE html><html><body> <center> <h1 style="font-size:25px;font-style:italic;"> GeeksForGeeks </h1> <h2 style="font-size:25px;font-style:italic;"> Placeholder Attribute in Textarea Element </h2> Give your Intro: <textarea rows="4" cols="40" placeholder="Write something here about yourself..."> </textarea></center></body></html> |
Output:
Supported Browsers: The browser supported by placeholder Attribute are listed below:
- Google Chrome
- Internet Explorer
- Firefox
- Opera
- Safari
.png)
