Skip to content
Related Articles

Related Articles

HTML | <textarea> placeholder Attribute

View Discussion
Improve Article
Save Article
  • Last Updated : 22 Jul, 2022

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;">
        GeeksforGeeks
    </h1>
         
    <h2>
        HTML Textarea placeholder Attribute
    </h2>
         
    Description: <textarea placeholder
        ="Write some description here..."></textarea>
</body>
 
</html>                   

Output:

 textareaplaceholder 

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;">
        GeeksforGeeks
    </h1>
         
    <h2>
        HTML Textarea placeholder Attribute
    </h2>
     
    <textarea placeholder="GeeksforGeeks is the computer"
        + " science portal for geeks."></textarea>
         
</body>
 
</html>                   

Output: 

textareaplaceholder 

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

My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!