Formulrio Controles

(X)HTML
Professor Jolvani
Aulas 23 e 24

Formulrio Controles - (X)HTML

Bem

vindos a aula de Formulrio e controles

Nesta

aula iremos aprender como funcionam os

formulrios

So

pginas web que permitem ao usurio inserir

informaes... Ver exemplo facebook

Criamos

nossa prxima aula Aula18.html

Formulrio Controles - (X)HTML

Criar tag para formulrio <form>

Quais so os controles de formulrio? So os campos que permitem a

insero das informaes nas pginas..

Atributo importante dos forms action que informa para onde devo
submeter os dados no servidor (para uma linguagem dinmica ou para
um script dinmico.) ex:

Outro atributo -> method que indica o mtodo de envio das

informaes. Temos dois mtodos o POST que envia os dados sem que
conseguimos visualizar os dados enviados e o GET que encaminha as
informaes pela url ...

Construindo nosso form....

Formulrio Controles - (X)HTML

Construindo nosso form....

Temos vrios outros controles (componentes).. Adicionando ao nosso

form.

Controle para senha (type = password)

Controle para sexo (type = radio radio button)

Controle para + mais de uma seleo (type = checkbox)

Veja o funcionamento desses componentes...

Formulrio Controles - (X)HTML

Formulrios
Componente
s

Formulrio Controles - (X)HTML

Veja o resultado.

Formulrio Controles - (X)HTML

Outros Componentes.

Campo para currculo (em pdf ou formato doc) (type=file) ou para

adicionar um determinado arquivo....

Controle para enviar os dados... (type=submit) (existem outros)

Limpar dados do formulrio (type=reset)

Componente butoon para validar dados do formulrio (atravs d um

script = javascript por exemplo) (type=button)

Ver o funcionamento dos componentes...

Formulrio Controles - (X)HTML

Resultado dos novos Componentes.

O boto enviar ir mandar os dados para onde o atributo action esta

especificado..

O boto reset permite limpar os dados do formulrio

J o boto button um componente genrico que possibilita a

criao de scripts para validao de dados por exemplo.

Formulrio Controles Parte 2

Aula 24. Temos ainda outros elementos...

Formulrio Controles - (X)HTML

Elementos de seleo select

Colocando um valor default para o select.

Formulrio Controles - (X)HTML

Elementos de seleo

select agrupados...

Formulrio Controles - (X)HTML

textArea...

O Elemento
texto.

Outros atributos....

Permite escrevermos em uma rea de

Prxima Aula: Formulrios Acessibilidade