Your SlideShare is downloading. ×
0
Criação de formulários e tabelas com HTML
Criação de formulários e tabelas com HTML
Criação de formulários e tabelas com HTML
Criação de formulários e tabelas com HTML
Criação de formulários e tabelas com HTML
Criação de formulários e tabelas com HTML
Criação de formulários e tabelas com HTML
Criação de formulários e tabelas com HTML
Criação de formulários e tabelas com HTML
Criação de formulários e tabelas com HTML
Criação de formulários e tabelas com HTML
Criação de formulários e tabelas com HTML
Criação de formulários e tabelas com HTML
Criação de formulários e tabelas com HTML
Criação de formulários e tabelas com HTML
Criação de formulários e tabelas com HTML
Criação de formulários e tabelas com HTML
Criação de formulários e tabelas com HTML
Criação de formulários e tabelas com HTML
Criação de formulários e tabelas com HTML
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

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

4,097

Published on

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 …

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

Published in: Education
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
4,097
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
83
Comments
0
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 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 UMFORMULÁ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 ETEXTAREA
  • 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

×