O documento descreve os principais elementos HTML utilizados para criar formulários, como campos de texto, botões de opção, caixas de seleção e botões. Explica como esses elementos podem ser usados para coletar diferentes tipos de dados do usuário, como nome, sexo e preferências.
2. FORMULÁRIOS
Formulários são utilizados para carregar informações cedidas
pelo usuário.
Ex: enviar uma mensagem através do site, efetuar um cadastro
e etc
Formulários sempre estarão dentro da TAG <FORM></FORM>
ENTRADA DE DADOS
A entrada de dados dos usuários na maioria das vezes é feito
através da TAG <INPUT>
3. FORMULÁRIOS
Campos de Texto
Os campos de texto são usados quando você quer que o usuário
digite letras, números, etc. em um formulário.
<form>
Primeiro nome: <input type="text" name="firstname"> <br />
Último nome: <input type="text" name="lastname">
</form>
4. FORMULÁRIOS
Campos de Texto
Os campos de texto são usados quando você quer que o usuário
digite letras, números, etc. em um formulário.
<form>
Primeiro nome: <input type="text" name="firstname"> <br />
Último nome: <input type="text" name="lastname">
</form>
5. FORMULÁRIOS
Botões Radiais
Botões Radiais são usados quando você quer que o usuário
selecione uma entre uma quantidade limitada de escolhas.
<form>
<input type="radio" name="sex" value="male"> Masculino <br>
<input type="radio" name="sex" value="female"> Feminino
</form>
6. FORMULÁRIOS
Caixas de Seleção
As Caixas de Seleção são usadas quando você quer que o
usuário selecione uma ou mais opções de uma quantidade
limitada de escolhas.
<form>
<input type="checkbox" name="bike"> Eu tenho uma bicicleta
<br> <input type="checkbox" name="car"> Eu tenho um carro
</form>
7. FORMULÁRIOS
Caixa dropdown
Caixas de seleção com diversas opções listadas.
<form>
<select name="cars">
<option value="volvo">Volvo
<option value="saab">Saab
<option value="fiat">Fiat
<option value="audi">Audi
</select>
</form>
8. FORMULÁRIOS
Text multi-linhas
Uma caixa de texto que suporta maior quantidade de caracteres.
<form>
<textarea name=“texto”>Digite aqui</texarea>
</form>
Digite aqui
9. FORMULÁRIOS
Botão de envio
Botão para disparar o envio do formulário
<form>
<input type="submit" value="Enviar">
</form>
10. FORMULÁRIOS
OUTROS
Outros modelos de INPUT:
type=“hidden” - Invisível (Não aparece na tela)
type=“password” - Para senhas [ ****** ]
type=“reset” - Limpa os dados do formulário
type=“submit” - Envia o formulário