HTML | Propiedad DOM Textarea defaultValue

La propiedad DOM Textarea defaultValue se utiliza para establecer o devolver el valor predeterminado del campo de área de texto

Sintaxis:

  • Se utiliza para devolver la propiedad defaultValue.
textareaObject.defaultValue
  • Se utiliza para establecer la propiedad defaultValue:
textareaObject.defaultValue = text/value 

Valores de propiedad:

  • texto: Especifica el valor por defecto del área de texto.

Valor devuelto: Devuelve el valor predeterminado del área de texto en forma de string. 

Ejemplo-1: programa HTML para ilustrar establecer la propiedad DOM Textarea defaultValue

html

<!DOCTYPE html>
<html>
 
<head>
    <title>
      DOM Textarea defaultValue Property
  </title>
    <style>
        body {
            text-align: center;
        }
         
        h1,
        h2 {
            text-align: center;
        }
    </style>
</head>
 
<body>
    <h1 style="color: green;">
            GeeksforGeeks
    </h1>
 
    <h2>
        DOM Textarea defaultValue Property
    </h2>
 
    <textarea id="GFG"
              name="GFG_text">
        Portal for geeks.
    </textarea>
 
    <br>
    <br>
    <button type="button"
            onclick="myGeeks()">
      Submit
  </button>
    <p id="sudo"> </p>
    <script>
        function myGeeks() {
            document.getElementById("GFG").defaultValue =
                "A computer science portal for geeks";
 
        }
    </script>
</body>
 
</html>

Producción: 

Antes de hacer clic en el botón:

  

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

  

Ejemplo-2: programa HTML para ilustrar la devolución de la propiedad DOM Textarea defaultValue

html

<!DOCTYPE html>
<html>
 
<head>
    <title>
      DOM Textarea defaultValue Property
  </title>
    <style>
        body {
            text-align: center;
        }
         
        h1,
        h2 {
            text-align: center;
        }
    </style>
</head>
 
<body>
    <h1 style="color: green;">
            GeeksforGeeks
    </h1>
 
    <h2>
        DOM Textarea defaultValue Property
    </h2>
 
    <textarea id="GFG"
              name="GFG_text">
        Portal for geeks.
    </textarea>
 
    <br>
    <br>
    <button type="button"
            onclick="myGeeks()">
      Submit
  </button>
    <p id="sudo"> </p>
    <script>
        function myGeeks() {
            var x =
                document.getElementById("GFG").defaultValue;
           
            document.getElementById("sudo").innerHTML =
                "Default value is " + 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 defaultValue Property se enumeran a continuación:

  • Google cromo 1
  • Borde 12
  • explorador de Internet 5
  • Firefox 1
  • Ópera 12.1
  • Safari 1

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 *