🧩 <input> — Campo de entrada de dados

A tag <input> é a mais versátil para formulários, criando diversos tipos de campos de entrada. É uma tag autofechada.

Atributos Principais

Exemplos de Tipos de <input>

Texto (type="text")

<input type="text" name="nome" placeholder="Digite seu nome" required>

Senha (type="password")

<input type="password" name="senha" placeholder="Senha">

E-mail (type="email")

O navegador realiza uma validação básica do formato do e-mail.

<input type="email" name="email" placeholder="seu@email.com">

Número (type="number")

<input type="number" name="idade" min="1" max="120" placeholder="Idade">

Data (type="date")

<input type="date" name="nascimento">

Arquivo (type="file")

Permite ao usuário selecionar um arquivo do seu dispositivo.

<input type="file" name="documento">

Envio (type="submit")

Cria um botão que, ao ser clicado, envia o formulário.

<input type="submit" value="Enviar Formulário">

Reset (type="reset")

Cria um botão que limpa todos os campos do formulário para seus valores iniciais.

<input type="reset" value="Limpar Campos">