HTML | DOM Textarea propiedad deshabilitada

La propiedad DOM Textarea disabled se usa para establecer o devolver si el elemento textarea se deshabilitaría o no . Un área de texto deshabilitada no se puede hacer clic ni se puede usar. Es un atributo booleano y se usa para reflejar el atributo HTML deshabilitado.

Sintaxis:

  • Se utiliza para devolver la propiedad inhabilitada.
    textareaObject.disabled
  • Se utiliza para establecer la propiedad deshabilitada.
    textareaObject.disabled = true|false
  • Valores de propiedad:

    • true: Define que el área de texto está deshabilitada.
    • Falso: Tiene un valor por defecto. Define que el área de texto no está deshabilitada.

    Valor devuelto: Devuelve un valor booleano que representa que el área de texto está deshabilitada o no.

    Ejemplo-1: Este ejemplo ilustra cómo configurar la propiedad Textarea disabled .

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

    Producción:

    Antes de hacer clic en el botón:

    Después de hacer clic en el botón:

    Ejemplo-2: Este ejemplo ilustra cómo devolver la propiedad Textarea Disabled .

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

    Producción:

    Antes de hacer clic en el botón:

    Después de hacer clic en el botón:

    Navegadores compatibles: los navegadores compatibles con Textarea Disabled Property se enumeran a continuación:

    • Google Chrome
    • explorador de Internet
    • Firefox
    • Ópera
    • Safari

    Publicación traducida automáticamente

    Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

    Deja una respuesta

    Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *