Atributo <input> placeholder do HTML

Etiqueta <input> de HTML

Definição e uso

placeholder A propriedade define um aviso breve que descreve o valor esperado do campo de entrada (por exemplo, um valor de exemplo ou uma descrição breve do formato esperado).

Este aviso será exibido quando o campo de entrada estiver vazio e desaparecerá quando o campo ganhar foco.

Atenção:placeholder A propriedade se aplica aos seguintes tipos de entrada:

  • text
  • pesquisa
  • url
  • tel
  • email
  • senha

Exemplo

Campo de entrada de telefone com texto de preenchimento

<form action="/action_page.php">
  <label for="phone">Por favor, insira o número de telefone:</label><br><br>
  <input type="tel" id="phone" name="phone" placeholder="138-8888-8888"
  pattern="[0-9]{3}-[0-9]{2}-[0-9]{3}"><br><br>
  <small>Formato: 138-8888-8888</small><br><br>
  <input type="submit">
</form>

Experimente você mesmo

Sintaxe

<input placeholder="text">

Valor do atributo

Valor Descrição
text Define uma breve dica da expectativa do valor do campo de entrada.

Suporte do navegador

Os números na tabela indicam a versão do navegador que suportou completamente o atributo pela primeira vez.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
10.0 10.0 4.0 5.0 11.0

Notas:placeholder O atributo é uma nova propriedade do HTML5.

Etiqueta <input> de HTML