El atributo de marcador de posición <textarea> en HTML se usa para especificar el valor esperado que se mostrará antes de la entrada del usuario en el elemento textarea.
Sintaxis:
<textarea placeholder="text">
Valor de atributo: este atributo contiene texto de valor único que es la string inicial que se mostrará antes de la entrada del usuario.
Ejemplo 1: este ejemplo utiliza el atributo de marcador de posición <textarea> para mostrar la descripción del marcador de posición del área de texto.
html
<!DOCTYPE html> <html> <head> <title> HTML Textarea placeholder Attribute </title> </head> <body style = "text-align:center"> <h1 style = "color: green;"> GeeksforGeeks </h1> <h2> HTML Textarea placeholder Attribute </h2> Description: <textarea placeholder ="Write some description here..."></textarea> </body> </html>
Producción:
Ejemplo 2: este ejemplo utiliza el atributo de marcador de posición <textarea> para mostrar la descripción del marcador de posición del área de texto.
html
<!DOCTYPE html>
<html>
<head>
<title>HTML Textarea placeholder Attribute</title>
<style>
textarea::-webkit-input-placeholder {
color: #0bf;
}
/* Firefox 18- */
textarea:-moz-placeholder {
color: #0bf;
}
/* Firefox 19+ */
textarea::-moz-placeholder {
color: #0bf;
}
textarea:-ms-input-placeholder {
color: #0bf;
}
textarea::placeholder {
color: green;
}
</style>
</head>
<body style = "text-align:center">
<h1 style = "color: green;">
GeeksforGeeks
</h1>
<h2>
HTML Textarea placeholder Attribute
</h2>
<textarea placeholder="GeeksforGeeks is the computer"
+ " science portal for geeks."></textarea>
</body>
</html>
Producción:
Navegadores compatibles: los navegadores compatibles con el atributo de marcador de posición <textarea> se enumeran a continuación:
- safari de manzana 5
- Google cromo 4
- Borde 12
- firefox 4
- Ópera 12.1
- explorador de Internet 10
Publicación traducida automáticamente
Artículo escrito por Vishal Chaudhary 2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA