HTML | DOM Textarea disabled Property
The DOM Textarea disabled Property is used to set or return whether the textarea element would be disabled or not. A disabled text area is un-clickable and unusable. It is a boolean attribute and used to reflect the HTML Disabled attribute.
Syntax:
- It is used to return the disabled property.
textareaObject.disabled
- It is used to set the disabled property.
textareaObject.disabled = true|false
Property Values:
- true: It defines that the textarea is disabled.
- False: It has a default value. It defines that the textarea is not disabled.
Return Value: It returns a boolean value which represent that the textarea is disabled or not.
Example-1: This example illustrates how to set the Textarea disabled property.
HTML
<!DOCTYPE html><html><head> <title>DOM textarea disabled Property</title></head><body style="text-align:center"> <h1 style="color: green;"> GeeksforGeeks </h1> <h2>DOM textarea disabled Property</h2> <p>This text area is non editable.</p> <!-- Assigning id to textarea. --> <textarea id="GFG" disabled> This textarea field is disabled. </textarea> <br> <button onclick="myGeeks()">Submit</button> <script> function myGeeks() { // sets the textarea disabled property. document.getElementById( "GFG").disabled = false; } </script></body></html> |
Output:
Before Clicking On Button:
After Clicking On Button:
Example-2: This example illustrates how to return the Textarea Disabled property.
HTML
<!DOCTYPE html><html><head> <title>DOM textarea disabled Property</title></head><body style="text-align:center"> <h1 style="color: green;">GeeksforGeeks</h1> <h2>DOM textarea disabled Property</h2> <p>This text area is non editable.</p> <!-- Assigning id to textarea. --> <textarea id="GFG" disabled> This textarea field is disabled. </textarea> <br> <button onclick="myGeeks()">Submit</button> <p id="sudo"></p> <script> function myGeeks() { // Return Textarea disabled Property var x = document.getElementById("GFG").disabled; document.getElementById("sudo").innerHTML = x; } </script></body></html> |
Output:
Before Clicking On Button:
After Clicking On Button:
Supported Browsers: The browser supported by Textarea Disabled Property are listed below:
- Google Chrome
- Internet Explorer
- Firefox
- Opera
- Safari
Please Login to comment...