Manual de Referencia HTML

大全 de etiquetas HTML

HTML: <input> atributo placeholder

El atributo placeholder del HTML input especifica un breve recordatorio de la descripción esperada del valor del campo de entrada (por ejemplo, un valor de muestra o una breve descripción de la forma esperada). Este recordatorio breve se muestra en el cuadro de entrada de input antes de que el usuario ingrese un valor.

　HTML <input> etiqueta

Ejemplo 1

Dos campos de texto con texto de placeholder:

Ejemplo

<!DOCTYPE html>
<html>
<head>
<title>HTML: <input> atributo placeholder　-　Base Tutorial Web(oldtoolbag.com)</title>
<body>
<form action="action_page.php">
　　<input type="text" name="fname" placeholder="Nombre"><br>
　　<input type="text" name="lname" placeholder="Apellido"><br>
　　<input type="submit" value="Enviar">
</form>
</html>

Prueba aquí ‹/›

El texto de placeholder también puede especificar un color.

Ejemplo en línea 2

Configuración de color para texto de placeholder:

Ejemplo

<!DOCTYPE html>
<html>
<head>　
<meta charset="utf-8">　
<title>Base Tutorial Web(oldtoolbag.com)</title>　
</head>
<body>
<form action="demo-form.php">
　　<input type="text" name="fname" placeholder="Nombre"><br>
　　<input type="text" name="lname" placeholder="Apellido"><br>
　　<input type="submit" value="Enviar">
</form>
</body>
</html>

Prueba aquí ‹/›

Compatibilidad del navegador

Los números en la tabla indican la versión del navegador que admite la propiedad por primera vez.

Atributo
placeholder	10.0	10.0	4.0	5.0	11.0

Definición y uso

La propiedad placeholder especifica una sugerencia breve que describe el valor esperado del campo de entrada (por ejemplo, un valor de muestra o una breve descripción del formato esperado).

Antes de que el usuario ingrese un valor, la sugerencia breve se mostrará en el campo de entrada.

Nota:La propiedad placeholder es aplicable a los siguientes tipos de entrada: text, search, url, tel, email y password.

HTML 4.01 y HTML5Diferencias entre

La propiedad placeholder es una propiedad de HTML5 Atributo nuevo en la lista.

Sintaxis

<input placeholder="text">

Valor del atributo

Valor	Descripción
text	Especificar una descripción breve de los valores esperados para el campo de entrada.

　HTML <input> etiqueta

HTML: <template> etiqueta