HTML | <textarea> placeholder Attribute
The <textarea> placeholder attribute in HTML is used to specify the expected value to be displayed before user input in textarea element.
Syntax:
<textarea placeholder="text">
Attribute Value: This attribute contains single value text which is the initial string to be displayed before user input.
Example 1: This example uses <textarea> placeholder attribute to display the textarea placeholder description.
html
<!DOCTYPE html> <html> <head> <title> HTML Textarea placeholder Attribute </title> </head> <body style = "text-align:center"> <h1 style = "color: green;"> w3wiki </h1> <h2> HTML Textarea placeholder Attribute </h2> Description: <textarea placeholder ="Write some description here..."></textarea> </body> </html> |
Output:
Example 2: This example uses <textarea> placeholder attribute to display the textarea placeholder description.
html
<!DOCTYPE html> <html> <head> <title>HTML Textarea placeholder Attribute</title> <style> textarea::-webkit-input-placeholder { color: #0bf; } /* Firefox 18- */ textarea:-moz-placeholder { color: #0bf; } /* Firefox 19+ */ textarea::-moz-placeholder { color: #0bf; } textarea:-ms-input-placeholder { color: #0bf; } textarea::placeholder { color: green; } </style></head><body style = "text-align:center"> <h1 style = "color: green;"> w3wiki </h1> <h2> HTML Textarea placeholder Attribute </h2> <textarea placeholder="w3wiki is the computer" + " science portal for Beginner."></textarea> </body> </html> |
Output:
Supported Browsers: The browser supported by <textarea> placeholder attribute are listed below:
- Apple Safari 5
- Google Chrome 4
- Edge 12
- Firefox 4
- Opera 12.1
- Internet Explorer 10
Contact Us