La propiedad de solo lectura del correo electrónico de entrada DOM se usa para establecer o devolver si un campo de correo electrónico debe ser de solo lectura o no. Significa que un usuario no puede modificar o cambiar un 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 se puede usar 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.
emailObject.readOnly
- Se utiliza para establecer la propiedad readOnly.
emailObject.readOnly = true|false
Valores de propiedad:
- verdadero: Define que el campo de correo electrónico es de solo lectura.
- false: Es el valor por defecto. Define que el campo de correo electrónico no es de solo lectura.
Valor de retorno: devuelve un valor booleano que representa que el campo de correo electrónico es de solo lectura o no.
Ejemplo-1: Este ejemplo ilustra cómo devolver la propiedad.
html
<!DOCTYPE html>
<html>
<head>
<title>
HTML DOM Input Email readOnly Property
</title>
</head>
<body STYLE="TEXT-ALIGN:CENTER;">
<h1> GeeksforGeeks</h1>
<h2>DOM Input Email readOnly Property</h2>
E-mail: <input type="email" id="email" name="myGeeks"
readonly> <BR><br>
<button onclick="myGeeks()">
Click Here!
</button>
<p id="GFG" style="font-size:20px;color:green;"></p>
<!-- Script to access input element with
type email attribute -->
<script>
function myGeeks() {
<!--returning the readonly Property -->
var em = document.getElementById("email").readOnly;
document.getElementById("GFG").innerHTML = em;
}
</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 establecer la propiedad.
html
<!DOCTYPE html>
<html>
<head>
<title>
HTML DOM Input Email readOnly Property
</title>
</head>
<body STYLE="TEXT-ALIGN:CENTER;">
<h1> GeeksforGeeks</h1>
<h2>DOM Input Email readOnly Property</h2>
E-mail: <input type="email" id="email" name="myGeeks"
readonly> <BR><br>
<button onclick="myGeeks()">
Click Here!
</button>
<p id="GFG" style="font-size:20px;color:green;"></p>
<!-- Script to access input element with
type email attribute -->
<script>
function myGeeks() {
<!--setting the readonly Property -->
var em = document.getElementById("email").readOnly =false;
document.getElementById("GFG").innerHTML = em;
}
</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 la propiedad de solo lectura de correo electrónico de entrada DOM 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