Skip to content
Related Articles

Related Articles

Improve Article
Save Article
Like Article

HTML | DOM Textarea disabled Property

  • Last Updated : 06 Feb, 2019

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:

Attention reader! Don’t stop learning now. Get hold of all the important HTML concepts with the Web Design for Beginners | HTML  course.

  • 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.




    <!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



    My Personal Notes arrow_drop_up
  • Recommended Articles
    Page :