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

Like this? Share it with your network

Share

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

  • 4,188 views
Uploaded 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

More in: Education
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
4,188
On Slideshare
4,188
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
59
Comments
0
Likes
0

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