La propiedad Input Email defaultValue en HTML DOM se usa para establecer o devolver el valor predeterminado del campo de correo electrónico. Esta propiedad se utiliza para reflejar el atributo de valor HTML. La principal diferencia entre el valor predeterminado y la propiedad de valor es que el valor predeterminado indica el valor predeterminado especificado en el atributo, mientras que el valor contiene el valor actual después de realizar algunos cambios. Esta propiedad es útil cuando queremos saber si el campo de correo electrónico ha sido modificado o no.
Sintaxis:
- Se utiliza para devolver la propiedad defaultValue.
emailObject.defaultValue
- Se utiliza para establecer la propiedad defaultValue.
emailObject.defaultValue = value
Valores de propiedad: contiene un valor de valor de propiedad único que define el valor predeterminado para el campo de correo electrónico.
Valor de retorno: devuelve un valor de string que representa el valor predeterminado del campo de correo electrónico.
Ejemplo 1: este ejemplo devuelve la propiedad Input Email defaultValue.
<!DOCTYPE html>
<html>
<head>
<title>
HTML DOM Input Email defaultValue Property
</title>
</head>
<body style="text-align:center;">
<h1> GeeksforGeeks</h1>
<h2>DOM Input Email defaultValue Property</h2>
E-mail: <input type="email" id="email"
value="careers@geeksforgeeks.org">
<button onclick="myGeeks()">
Click Here!
</button>
<p id="GFG" style="font-size:25px;color:green;"></p>
<!-- Script to access input element with
type email attribute -->
<script>
function myGeeks() {
var em = document.getElementById("email").defaultValue;
document.getElementById("GFG").innerHTML = em;
}
</script>
</body>
</html>
Salida:
Antes de hacer clic en el botón: 
Después de hacer clic en el botón:
Ejemplo 2: este ejemplo establece la propiedad Valor predeterminado del correo electrónico de entrada.
<!DOCTYPE html>
<html>
<head>
<title>
HTML DOM Input Email defaultValue Property
</title>
</head>
<body style="text-align:center;">
<h1> GeeksforGeeks</h1>
<h2>DOM Input Email defaultValue Property</h2>
E-mail: <input type="email" id="email"
value="careers@geeksforgeeks.org">
<button onclick="myGeeks()">
Click Here!
</button>
<p id="GFG" style="font-size:25px;color:green;"></p>
<!-- Script to access input element with
type email attribute -->
<script>
function myGeeks() {
var em = document.getElementById("email").defaultValue
= "manaschhabra22@gmail.com"
document.getElementById("GFG").innerHTML
= "The value was changed to " + em;
}
</script>
</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 DOM input Email defaultValue 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