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:
textareaObject.disabled
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.
<!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() { // Set the textarea 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.
<!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 Boolean value to represent textarea. 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