La propiedad de solo lectura de la URL de entrada del DOM se usa para establecer o devolver si un campo de URL 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 del mismo), mientras que JavaScript puede usarse para cambiar el contenido de solo lectura. valor y haga que el campo de entrada sea editable.
Sintaxis:
- Se utiliza para devolver la propiedad readOnly.
urlObject.readOnly
- Se utiliza para establecer la propiedad readOnly.
urlObject.readOnly = true|false
- verdadero: Define que el campo url es de solo lectura.
- false: Es el valor por defecto. Define que el campo url no es de solo lectura.
- Google Chrome
- Internet Explorer 10.0 +
- Firefox
- Ópera
- Safari
Valores de propiedad:
Valor devuelto: Devuelve un valor booleano que representa que el campo URL es de solo lectura o no.
Ejemplo-1: Este ejemplo ilustra cómo devolver la propiedad.
<!DOCTYPE html><html> <head> <title> DOM Input URL readOnly Property </title></head> <body> <center> <h1 style="color:green;"> GeeksForGeeks </h1> <h2> DOM Input URL readOnly Property </h2> <label for="uname" style="color:green"> <b>Enter URL</b> </label> <input type="url" id="gfg" placeholder="Enter URL" size="20" readonly> <br> <br> <button type="button" onclick="geeks()"> Click </button> <p id="GFG" style="color:green; font-size:25px;"> </p> <script> function geeks() { var link = document.getElementById( "gfg").readOnly; document.getElementById( "GFG").innerHTML = link; } </script> </center></body> </html> |
Salida:
antes de hacer clic en el botón:
Después de hacer clic en el botón:
Ejemplo-2: Este ejemplo ilustra cómo establecer la propiedad.
<!DOCTYPE html><html> <head> <title> DOM Input URL readOnly Property </title></head> <body> <center> <h1 style="color:green;"> GeeksForGeeks </h1> <h2> DOM Input URL readOnly Property </h2> <label for="uname" style="color:green"> <b>Enter URL</b> </label> <input type="url" id="gfg" placeholder="Enter URL" size="20" readonly> <br> <br> <button type="button" onclick="geeks()"> Click </button> <p id="GFG" style="color:green;font-size:25px;"> </p> <script> function geeks() { // Set the read only property. var link = document.getElementById( "gfg").readOnly = false; document.getElementById( "GFG").innerHTML = link; } </script> </center></body> </html> |
Salida:
antes de hacer clic en el botón:
Después de hacer clic en el botón:
Navegadores compatibles: los navegadores compatibles con la propiedad de solo lectura de la URL de entrada del DOM se enumeran a continuación:
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA