Criação de formulários e tabelas com HTML

5.925 visualizações

Publicada em

Slide utilizado na disciplina de linguagem de programação para a web do curso técnico em informática. Apresenta como é feita a criação de formulários e tabelas utilizadas por páginas web través de HTML

Publicada em: Educação
0 comentários
1 gostou
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
5.925
No SlideShare
0
A partir de incorporações
0
Número de incorporações
4
Ações
Compartilhamentos
0
Downloads
135
Comentários
0
Gostaram
1
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Criação de formulários e tabelas com HTML

  1. 1. Campus Garanhuns
  2. 2. O QUE SÃO FORMULÁRIOS HTML?
  3. 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. 4. EXEMPLOS DE FORMULÁRIOS
  5. 5. FLUXO DE ENVIO DE INFORMAÇÕES EM UMFORMULÁRIO 2) 3) 1)
  6. 6. COMO FORMULÁRIOS SÃO CRIADOS
  7. 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. 8. TAG INPUT, SELECT, RADIO, CHECKBOX ETEXTAREA
  9. 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. 10. INPUT DE TEXTO• Exemplo:<form action="">Primeiro nome: <input type="text" name="primeironome" /><br />Segundo nome: <input type="text" name="primeironome" /></form>
  11. 11. INPUT DE SENHA• Exemplo<form>Senha: <input type="password" name="pwd" /></form>
  12. 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. 13. TAG TEXTAREA• Utilizada em campos que precisam de textos com múltiplas linhas• Exemplo: • Descrições pessoais, e-mail, solicitações
  14. 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. 15. EXEMPLO DE TEXTAREA<form action="">Descrição:<br> <textarea rows=4 cols=20></textarea></form>
  16. 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. 17. EXEMPLOS DA TAG SELECT
  18. 18. UTILIZAÇÃO DA TAG SELECT• Formada por uma tag <select></select>• Opções são compostas por tags <option>
  19. 19. EXEMPLO DO INPUT DE SELECT<form action=""><select name=”mes"><option value=”janeiro">Janeiro</option><option value=”fevereiro">Fevereiro</option>…</select></form>
  20. 20. EXERCÍCIO

×