Aula 04 - Formulários HTML

891 visualizações

Publicada em

Aula 04 - Formulários HTML

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

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
891
No SlideShare
0
A partir de incorporações
0
Número de incorporações
295
Ações
Compartilhamentos
0
Downloads
31
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Aula 04 - Formulários HTML

  1. 1. Aula 04 Marcos Devaner Programação Orientada a Objetos II Formulários HTML
  2. 2. Formulários HTML Os formulários em HTML são utilizados para a coleta de dados do usuário, que após podem ser manipulados com a utilização de outras linguagens como Java. Um exemplo muito comum de um formulário em HTML é o formulário de cadastro de usuários de e-mail, cujo mesmo possui campos para nome, sobrenome, data de nascimento e etc.
  3. 3. Organização de componentes O fieldset é utilizado para agrupar componentes
  4. 4. Campos de texto Atributos: size : define o tamanho do campo maxlength: define a quantidade de caracteres aceita value: atribui um valor padrão para ajudar o usuário a identificar o que deve ser preenchido.
  5. 5. Tipos de seleção Atributos: value: valor definido quando o botão for selecionado (valor que será cadastrado em um banco de dados) checked: selecionado por padrão value: valor definido quando o botão for selecionado (valor que será cadastrado em um banco de dados) selected: opção selecionado por default.
  6. 6. Botões
  7. 7. Envio de arquivos Atributos: accept : define o tipo de arquivo será aceito. disabled: desabilita o componente
  8. 8. Crie um formulário de cadastro seguindo o seguinte o modelo indicado. Atividade
  9. 9. HTML 5 Para indicar que seu conteúdo HTML usa HTML5, simplesmente use: <!DOCTYPE html>
  10. 10. Formulários HTML 5 As características dos formulários em HTML5 proporcionam uma melhor experiência para usuários por tornarem formulários mais consistentes entre diferentes sites e dar um feedback imediato ao usuário sobre a entrada de dados. Eles também oferecem essa experiência para usuários que possuem scripts desabilitados em seus navegadores.
  11. 11. Elementos HTML 5 O progres datalist
  12. 12. Tipos de entrada HTML 5 O Você pode usar restrições utilizando os atributos: Exemplo: • max="1979-12-31“ • min="2000-01-02"
  13. 13. Tipos de entrada HTML 5 O
  14. 14. Atributos HTML 5 O O autofocus atributo especifica que o campo de entrada deve receber automaticamente o foco quando a página é carregada. Os height e width atributos especificar a altura ea largura de um <input type = "image"> elemento. Um campo de entrada placeholder Um campo de entrada necessário: Tabela de atributos da HTML 5 : http://www.maujor.com/blog/pg_apoio/tabela-atributos-html5.html
  15. 15. Crie o formulário mostrado utilizando HTML Atividade

×