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 palceholder="">
Elements: This method can have following attributes:
- <input>
- <textarea>
Attribute: The attribute for each of the above element is placeholder.
Example: With <input> element
<!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> |
chevron_right
filter_none
Output:
Example: With <textarea> element
<!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> |
chevron_right
filter_none
Output:
Supported Browsers: The browser supported by placeholder Attribute are listed below:
- Google Chrome
- Internet Explorer
- Firefox
- Opera
- Safari
