Aula 04 - Formulários HTML
15
Aula 04 Marcos Devaner Programação Orientada a Objetos II Formulários HTML
-
Upload
marcos-devaner -
Category
Education
-
view
837 -
download
0
Transcript of Aula 04 - Formulários HTML
Aula 04
Marcos Devaner
Programação Orientada a Objetos IIFormulários HTML
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.
Organização de componentes
O fieldset é utilizado para agrupar componentes
Campos de texto
Atributos:size : define o tamanho do campomaxlength: define a quantidade de caracteres aceitavalue: atribui um valor padrão para ajudar o usuário a identificar o que deve ser preenchido.
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.
Botões
Envio de arquivos
Atributos:accept : define o tipo de arquivo será aceito.disabled: desabilita o componente
Crie um formulário de cadastro seguindo o seguinte o modelo indicado.
Atividade
HTML 5
Para indicar que seu conteúdo HTML usa HTML5, simplesmente use: <!DOCTYPE html>
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.
Elementos HTML 5 O
progres
datalist
Tipos de entrada HTML 5 O
Você pode usar restrições utilizando os atributos:
Exemplo:• max="1979-12-31“• min="2000-01-02"
Tipos de entrada HTML 5 O
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
Crie o formulário mostrado utilizando HTML
Atividade
