Os formulários são usados para coletar informações enviadas pelo usuário. Toda a interação de entrada de dados acontece dentro da tag pai <form>.
<form>:action: Define para onde os dados serão enviados (geralmente uma URL ou um script no servidor).method: Define como os dados serão enviados.
<label>)O <label> define uma etiqueta para um campo.
for: Deve ser igual ao id do input para conectá-los.<input>)É a tag mais versátil. O que define o comportamento do campo é o atributo type.
| Tipo (type) | Descrição | Exemplo de Uso |
|---|---|---|
text |
Campo de texto simples de uma linha. | Nome, Cidade. |
email |
Valida se o texto digitado tem formato de e-mail. | e-mail de contato. |
password |
Oculta os caracteres digitados (bolinhas). | Senhas. |
number |
Aceita apenas números. | Idade, Quantidade. |
tel |
Específico para números de telefone. | Celular. |
date |
Abre um calendário para selecionar data. | Nascimento. |
checkbox |
Permite selecionar várias opções. | Hobbies, Interesses. |
radio |
Permite selecionar apenas uma opção de um grupo. | Gênero, Aceito/Não aceito. |
submit |
Cria um botão que envia os dados do formulário para o destino definido | Botão "Enviar", "Cadastrar". |
<select> e <option>: Cria uma lista suspensa (dropdown).<textarea>: Cria uma caixa de texto grande para múltiplas linhas (comentários, mensagens).