XP 0

Botões e campos

Onde o usuário interage

  • <button> — um botão clicável
  • <input> — um campo para o usuário digitar (sem fechamento)
  • placeholder — a dica cinza que aparece dentro do campo vazio
<input placeholder="Buscar plantas...">
<button>Buscar</button>

Sozinhos, eles só aparecem. Fazê-los reagir (buscar de verdade ao clicar) é trabalho do JavaScript — que você vê no fim do curso e a fundo no próximo.

⚠️ Cuidado: o placeholder não é o texto digitado — é só uma dica que some quando a pessoa começa a escrever. Ele não substitui um rótulo do campo.

Pontos-chave

  • <button> e <input placeholder>
    botão clicável e campo de digitar com dica.