Atributo de espaço reservado HTML
Definição e uso
O placeholder
atributo especifica uma dica curta que descreve o valor esperado de um campo de entrada/área de texto.
A dica curta é exibida no campo antes que o usuário insira um valor.
Aplica-se a
O placeholder
atributo pode ser usado nos seguintes elementos:
Elementos | Atributo |
---|---|
<entrada> | marcador de posição |
<textarea> | marcador de posição |
Exemplos
Exemplo de entrada
Dois campos de entrada 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>
Exemplo de área de texto
Uma área de texto com um texto de espaço reservado:
<textarea placeholder="Describe yourself here..."></textarea>
Suporte ao navegador
O placeholder
atributo tem o seguinte suporte do navegador para cada elemento:
Element | |||||
---|---|---|---|---|---|
input | 10.0 | 10.0 | 4.0 | 5.0 | 11.0 |
textarea | Yes | 10.0 | 4.0 | 5.0 | 11.5 |