Atributo de espaço reservado <input> HTML

❮ Tag HTML <input>

Exemplo

Um campo de entrada de telefone com um texto de espaço reservado:

<form action="/action_page.php">
  <label for="phone">Enter a phone number:</label><br><br>
  <input type="tel" id="phone" name="phone" placeholder="123-45-678"
  pattern="[0-9]{3}-[0-9]{2}-[0-9]{3}"><br><br>
  <small>Format: 123-45-678</small><br><br>
  <input type="submit">
</form> 

Definição e uso

O placeholderatributo especifica uma dica curta que descreve o valor esperado de um campo de entrada (por exemplo, um valor de amostra ou uma breve descrição do formato esperado).

A dica curta é exibida no campo de entrada antes que o usuário insira um valor.

Observação: o placeholderatributo funciona com os seguintes tipos de entrada: texto, pesquisa, url, tel, email e senha.


Suporte ao navegador

Os números na tabela especificam a primeira versão do navegador que suporta totalmente o atributo.

Attribute
placeholder 10.0 10.0 4.0 5.0 11.0

Sintaxe

<input placeholder="text">

Valores de atributo

Value Description
text Specifies a short hint that describes the expected value of the input field

❮ Tag HTML <input>