Sei sulla pagina 1di 13

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