HTML DOM Entrada Tel Propiedad de solo lectura

La propiedad DOM Input t el readOnly se usa para establecer o devolver si el campo tel debe ser de solo lectura o no. Significa que un usuario no puede modificar o cambiar el contenido que ya está presente en un elemento en particular (sin embargo, un usuario puede tabular, resaltarlo y copiar el texto de él), mientras que se puede usar JavaScript para cambiar el valor de solo lectura. y haga que el campo de entrada sea editable.

Sintaxis:

Se utiliza para devolver la propiedad readOnly

telObject.readOnly

Se utiliza para establecer la propiedad readOnly

telObject.readOnly = true|false

Valores de propiedad:

  • verdadero: Define que el campo tel de entrada es de solo lectura.
  • false: Es el valor por defecto. Define que el campo tel no es de solo lectura. 

Valor devuelto : Devuelve un valor booleano que representa si el campo tel es de solo lectura o no.

Ejemplo: Este ejemplo ilustra cómo devolver la propiedad input tel readOnly .

HTML

<!DOCTYPE html>
<html>
  
<body style="text-align:center;">
    <h1 style="color:green;">
        GeeksforGeeks
    </h1>
    <h2> DOM Input Tel readOnly property </h2>
  
    <input type="tel" id="mytel"
        value="6753682635" readonly>
    <br><br>
      
    <button onclick="check()">
        check!
    </button>
  
    <p id="demo" style="font-size:25px"></p>
  
  
    <script>
        function check() {
            var x = document.getElementById("mytel").readOnly;
            document.getElementById("demo").innerHTML = x;
        }
    </script>
</body>
  
</html>

Producción: 

 

Navegadores compatibles:

  • Google Chrome
  • Internet Explorer 10.0 +
  • 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 *