O documento descreve os principais elementos para criação de formulários HTML, incluindo tags como <form>, <input>, <select>, <textarea>. Explica como esses elementos coletam dados do usuário e os enviam para processamento no servidor.

1. Campus Garanhuns

2. O QUE SÃO FORMULÁRIOS HTML?

3. FORMULÁRIOS
• Alguns sistemas web necessitam de dados do
usuário
• Na maioria dos casos essa informação é usada para
salvar ou carregar dados no banco de dados
• Informações do usuário são usadas em:
• Cadastros
• Atualizações
• Envio de arquivos
• Dentre outros…

4. EXEMPLOS DE FORMULÁRIOS

5. FLUXO DE ENVIO DE INFORMAÇÕES EM UM
FORMULÁRIO
2) 3)
1)

6. COMO FORMULÁRIOS SÃO CRIADOS

7. ATRIBUTOS DA TAG <FORM>
• method
• Descrição: Forma a ser usada para envio das informações.
• Valores: GET, POST
• name e id
• Descrição: identificadores para o formulário
• action
• Descrição: url de destino onde os dados do formulário serão
enviados

8. TAG INPUT, SELECT, RADIO, CHECKBOX E
TEXTAREA

9. ATRIBUTOS DA TAG INPUT
• type
• Descrição: tipo de input que será utilizado
• Valores: button, checkbox, file, text, submit, radio, reset, image,
password, hidden
• value
• Descrição: valor pré-estabelecido a ser utilizado no input
• maxlength
• Descrição: quantidade máxima para o valor
• name e id
• Descrição: identificadores para o formulário

10. INPUT DE TEXTO
• Exemplo:
<form action="">
Primeiro nome: <input type="text" name="primeironome" /><br />
Segundo nome: <input type="text" name="primeironome" />
</form>

11. INPUT DE SENHA
• Exemplo
<form>
Senha: <input type="password" name="pwd" />
</form>

12. INPUT DE RADIO
• Exemplo
<form>
<input type="radio" name="sexo" value="masculino" /> Masculino<br />
<input type="radio" name="sexo" value="feminino" /> Feminino
</form>

13. TAG TEXTAREA
• Utilizada em campos que precisam de textos com
múltiplas linhas
• Exemplo:
• Descrições pessoais, e-mail, solicitações

14. ATRIBUTOS DA TAG TEXTAREA
• cols
• Descrição: quantidade de colunas do campo de textarea
• rows
• Descrição: quantidade de linhas do campo de textarea

15. EXEMPLO DE TEXTAREA
<form action="">
Descrição:<br> <textarea rows=4 cols=20></textarea>
</form>

16. TAG SELECT
• Utilizada quando há diversas opções pré-definidas
para um campo
• Possibilita a escolha de uma ou várias opções

17. EXEMPLOS DA TAG SELECT

18. UTILIZAÇÃO DA TAG SELECT
• Formada por uma tag <select></select>
• Opções são compostas por tags <option>

19. EXEMPLO DO INPUT DE SELECT
<form action="">
<select name=”mes">
<option value=”janeiro">Janeiro</option>
<option value=”fevereiro">Fevereiro</option>
…
</select>
</form>

20. EXERCÍCIO