HTML <textarea> readonly Attribute

HTML | <textarea> placeholder Attribute

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

HTML <textarea> readonly Attribute

V

Vishal Chaudhary 2

Improve

Article Tags :

Similar Reads

HTML <textarea> autocomplete Attribute

The HTML <textarea> autocomplete Attribute is used to specify whether the Textarea field has autocomplete on or off. When the autocomplete attribute is set to on, the browser will automatically complete the values based on which the user entered before. It works with many input fields such as

HTML <textarea> autofocus Attribute

The HTML <textarea> autofocus Attribute is used to specify that the textarea field should get automatically focus when the page loads. It is a Boolean Attribute. Syntax: <textarea autofocus> Example: This Example illustrates the use of autofocus attribute in Textarea Element. html <!D

HTML | <textarea> cols Attribute

The HTML <textarea> cols Attribute is used to tell the browser how many average-width characters should fit on a single line i.e the number of columns to display. It is used to specify the visible width of the <Textarea> Element. Syntax: <textarea cols="number"> Attribute Values: I

HTML | <textarea> dirname Attribute

The HTML <textarea> dirname Attribute is used to enable the text direction of the Textarea Field after submitting the form. The value of the dirname attribute must be the name of the input field and textarea, followed by â€œ.dirâ€. Syntax: <textarea name="myname" dirname="myname.dir"></t

HTML <textarea> disabled Attribute

The disabled attribute for <textarea> element in HTML is used to specify that the text area element is disabled. A disabled text area is un-clickable and unusable. It is a boolean attribute. Syntax: <textarea disabled>text content...</textarea> Example: html <!DOCTYPE html>

HTML | <textarea> form Attribute

The HTML <textarea> form Attribute is used to specify the one or more forms that the <Textarea> element belongs to.Syntax: <Textarea form="form_id"> Attribute Values: form_id: It Contains the value i.e form_id which specify the one or more form that the Textarea element belongs to.

HTML <textarea> maxlength attribute

TheÂ HTML <textarea> maxlength attributeÂ is used to specify the maximum number of characters entered into the textarea element. Syntax: <textarea maxlength ="number">Attribute Value: Attribute Value Description number It contains a single value number which allows the maximum number of ch

HTML | <Textarea> minlength Attribute

The HTML <Textarea> minlength Attribute is used to define the minimum number of characters (as UTF-16 code units) of a Textarea Element. The Integer value must start with 0 or higher. Syntax: <Textarea minlength="numeric"> Attribute Value: number: It contains the numeric value i.e 0 or h

HTML <textarea> name Attribute

The name attribute for the <textarea> element is essential for several reasons:Form Data Submission: The name attribute specifies the name of the <textarea> control, which becomes the key in the key-value pair data submitted with the form.Server-side Processing: On the server, this key i

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 us