La propiedad de marcador de posición de tel de entrada en HTML DOM se usa para establecer o devolver el valor del atributo de marcador de posición de un campo de tel de entrada . El atributo de marcador de posición especifica la 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:
Devuelve la propiedad de marcador de posición tel de entrada .
telObject.placeholder
Se utiliza para establecer la propiedad de marcador de posición Input tel .
telObject.placeholder = text
Valor de propiedad: contiene texto de valor único que se utiliza para definir una sugerencia breve que describe un valor esperado del campo tel .
Valor devuelto: Devuelve un valor de string que representa una breve pista que describe el valor esperado del campo tel .
Ejemplo 1: este ejemplo ilustra cómo devolver la propiedad de marcador de posición input tel .
HTML
<!DOCTYPE html>
<html>
<body style="text-align:center;">
<h1 style="color: green;">
GeeksforGeeks
</h1>
<h2>DOM Input Tel placeholder property</h2>
<form id="formID">
<input type="tel" id="mytel"
placeholder="Enter your PhoneNumber"
autofocus />
</form>
<br /><br />
<button onclick="btnclick()">
Return!
</button>
<p id="paraID" style="font-size:20px;"></p>
<script>
function btnclick() {
var x = document.getElementById("mytel").placeholder;
document.getElementById("paraID").innerHTML = x;
}
</script>
</body>
</html>
Producción:
Ejemplo 2: El siguiente código HTML ilustra cómo establecer la propiedad de marcador de posición de entrada tel .
HTML
<!DOCTYPE html>
<html>
<body style="text-align:center;">
<h1 style="color:green;">
GeeksforGeeks
</h1>
<h2>DOM Input Tel placeholder Property</h2>
<form id="formID">
<input type="tel" id="mytel"
placeholder="Enter your PhoneNumber"
autofocus />
</form>
<br /><br />
<button onclick="btnclick()">
Set!
</button>
<p id="paraID" style="font-size:20px;"></p>
<script>
function btnclick() {
var x = document.getElementById("mytel")
.placeholder = "Telephone number";
document.getElementById("paraID").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