Manual de Referência HTML

大全 do HTML etiqueta

HTML: <input> propriedade placeholder

A propriedade placeholder do HTML input especifica uma breve dica de descrição da esperada para o valor do campo de entrada (por exemplo, um valor de exemplo ou uma breve descrição da formatação esperada). A breve dica é exibida dentro da caixa de entrada input antes que o usuário insira um valor.

　HTML <input> etiqueta

Exemplo 1

Dois campos de texto input com texto placeholder:

Exemplo

<!DOCTYPE html>
<html>
<head>
<title>HTML: <input> propriedade placeholder　-　Base Tutorial Site(oldtoolbag.com)</title>
<body>
<form action="action_page.php">
　　<input type="text" name="fname" placeholder="Primeiro Nome"><br>
　　<input type="text" name="lname" placeholder="Nome"><br>
　　<input type="submit" value="Submit">
</form>
</html>

Teste e veja ‹/›

O texto placeholder também pode especificar a cor.

Exemplo Online 2

Definição de cor para texto placeholder:

Exemplo

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

Teste e veja ‹/›

Compatibilidade do navegador

Os números na tabela representam a primeira versão do navegador que suporta essa propriedade.

Atributo
placeholder	10.0	10.0	4.0	5.0	11.0

Definição e uso

O placeholder especifica uma breve dica descrevendo o valor esperado para o campo de entrada (por exemplo, um valor de exemplo ou uma breve descrição do formato esperado).

Antes que o usuário insira um valor, a breve dica será exibida no campo de entrada.

Atenção:A propriedade placeholder é aplicável aos seguintes tipos de entrada: text, search, url, tel, email e password.

HTML 4.01 com o HTML5diferenças

A propriedade placeholder é do HTML5 nova propriedade adicionada.

Sintaxe

<input placeholder="text">

Valor do atributo

Valor	Descrição
text	Especificar uma breve dica de valor esperado para o campo de entrada descrevendo.

　HTML <input> etiqueta

HTML: <template> etiqueta