La propiedad de marcador de posición de contraseña de entrada DOM se utiliza para establecer o devolver el valor del atributo de marcador de posición de un campo de contraseña. El atributo de marcador de posición especifica una sugerencia breve que describe el valor esperado de un campo de entrada. La sugerencia breve se muestra en el campo antes de que el usuario ingrese un valor.
Sintaxis:
- Se utiliza para devolver la propiedad de marcador de posición.
passwordObject.placeholder
- Se utiliza para establecer la propiedad de marcador de posición.
passwordObject.placeholder = text
El valor de la propiedad:
- texto: Define una breve sugerencia que describe un valor esperado del campo de contraseña.
Valor de retorno: devuelve un valor de string que representa una breve pista que describe el valor esperado del campo de contraseña.
Ejemplo-1: Este ejemplo ilustra cómo devolver la propiedad.
<!DOCTYPE html>
<html>
<body style="text-align:center;">
<h1 style="color:green;">
GeeksForGeeks
</h1>
<h2>DOM Input Password placeholder Property</h2>
<form id="myGeeks">
Password: <input type="password"
id="myPsw"
name="Geeks"
placeholder="password">
</form>
<br><br>
<button onclick="myFunction()">
Click Here!
</button>
<p id="demo" style="color:green;font-size:25px;"></p>
<script>
function myFunction() {
var x =
document.getElementById(
"myPsw").placeholder;
document.getElementById(
"demo").innerHTML = x;
}
</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.
<!DOCTYPE html>
<html>
<body style="text-align:center;">
<h1 style="color:green;">
GeeksForGeeks
</h1>
<h2>DOM Input Password placeholder Property</h2>
<form id="myGeeks">
Password: <input type="password"
id="myPsw"
name="Geeks"
placeholder="password">
</form>
<br><br>
<button onclick="myFunction()">
Click Here!
</button>
<p id="demo" style="color:green;font-size:25px;"></p>
<script>
function myFunction() {
var x =
document.getElementById(
"myPsw").placeholder ="Enter Your Password";
document.getElementById(
"demo").innerHTML = x;
}
</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 de marcador de posición de contraseña 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