O atributo placeholder especifica uma dica curta para o campo de entrada 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.

Sintaxe:

<element palceholder="value">

Valor do atributo: este atributo descreve a dica curta no campo de entrada.

Exemplo:

<!DOCTYPE html>
<html>
  
<head>
    <title>
        How to specify a short hint
        that describes the expected
        value of an input element?
    </title>
</head>
  
<body style="text-align: center;">
    <h1 style="color: green;">
        GeeksforGeeks
    </h1>
  
    <h3>
        How to specify a short hint that
        describes <br>the expected
        value of an input element?
    </h3>
  
    <form action=" ">
        <input type="text" name="fname" 
            placeholder="First name">
        <br><br>
  
        <input type="text" name="lname" 
            placeholder="Last name">
        <br><br>
  
        <input type="submit" value="Submit">
    </form>
</body>
  
</html>

Saída:

Navegadores compatíveis: os navegadores compatíveis com o atributo placeholder estão listados abaixo:

  • Google Chrome
  • Internet Explorer
  • Raposa de fogo
  • Ópera
  • Safári