Atributo de espaço reservado <input> HTML
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 placeholder
atributo 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 placeholder
atributo 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>