Formulrios HTML

Os formulrios HTML so estruturas que permitem que usurios submetam dados a uma pgina. Esses
dados podem ser tratados e/ou armazenados dependendo da aplicao.
Obs. !ormulrios so HTML" portanto no precisam estar entre #$ e $%.
Criando um Form
Os forms fazem parte do c&digo 'tml" portanto de(em ser definidos como as tags desta linguagem.
)empre com uma tag de abertura e outra de fec'amento" inserindo o conte*do entre estas duas.
E+emplo
Parmetros do Form
Action , o script ou pgina para onde os dados sero submetidos. -este script que normalmente os
dados so tratados.
Method - , o m.todo de en(io dos dados. /ode ter dois (alores
0ET 1 /assa os (alores pela 23L" ou se4a" podemos (er as (ari(eis passadas na 2rl da pgina destino
definida no campo action. -o . muito aconsel'(el o uso do m.todo 0ET" pois ele e+p5e o nome e (alor
das (ari(eis" o que pode ser utilizado por pessoas com inten5es mal.ficas.
/O)T 1 /assa as (ari(eis de maneira transparente para o usurio. , o m.todo mais aconsel'(el.
6e4a mais diferenas em 'ttp//777.cs.tut.fi/849orpela/forms/met'ods.'tml
Elementos do Form
/odemos inserir (rios tipos de entrada de dados em um formulrio" a maioria delas definida pela tag
input.
Todo elemento possui um par:metro name que . utilizado para identificar a (ari(el onde o dado est
contido no script destino.
Lembrando que estes elementos de(em ser inseridos entre as tags #form% e #/form%.
Campo Texto
;ampo para entrada de te+to comum.
Declara!o"
Parmetros
#i$e < O taman'o do elemento em caracteres na pgina Html =que ser e+ibido na tela>.
Maxlen%th < , o taman'o m+imo do te+to que pode ser inserido no elemento.
&alue < , utilizado quando ' necessidade de se pr.?definir um (alor para o elemento. Este (alor pode
ser normalmente alterado pelo usurio.
Campo #enha
Tipo de campo id@ntico ao anterior" mas quando o usurio digita" os caracteres so substituAdos por BCD.
Obs. O campo sen'a no possui nen'um tipo de criptografia" apenas coloca uma mascar no te+to
inserido.
Declara!o"
Parmetros
#i$e < O taman'o do elemento em caracteres na pgina Html =que ser e+ibido na tela>.
Maxlen%th < , o taman'o m+imo do te+to que pode ser inserido no elemento.
&alue < , utilizado quando ' necessidade de se pr.?definir um (alor para o elemento. Este (alor pode
ser normalmente alterado pelo usurio.
'ot!o (dio )(adio *utton+
2tilizado para entradas de m*ltipla escol'a onde o usurio s& pode escol'er uma *nica opo.
/ara que o interpretador saiba que as op5es fazem parte do mesmo grupo" e permita que s& uma se4a
selecionada" basta colocar o mesmo nome no par:metro name dos bot5es rdio.
Declara!o"
Parmetros
Chec,ed )e for declarado o elemento ter seu estado inicial como selecionado.
&alue < , o (alor que ser passado E pgina destino quando o formulrio . submetido se este elemento
esti(er selecionado.
'ot!o de Checa%em )Chec,'ox+
2tilizado para entradas de m*ltipla escol'a onde o usurio pode escol'er (rias op5es.
;ada opo de(e ter um nome independente.
Declara!o"
Parmetros
Chec,ed )e for declarado o elemento ter seu estado inicial como marcado.
&alue < , o (alor que ser passado E pgina destino quando o formulrio . submetido se este elemento
esti(er marcado.
'ot!o #u*meter )#u*mit+
Foto que submete o formulrio a pagina destino especificada no par:metro action do form.
Declara!o"
Parmetros
&alue < O te+to que aparecer no Foto.
'ot!o (eset
6olta todos os campos do formulrio para os (alores iniciais" ou se4a" os (alores especificados nos
par:metros -alue de cada um dos campos.
Declara!o"
Parmetros
&alue < O te+to que aparecer no Foto.
'ot!o
2tilizado para c'amar fun5es que rodam no bro7ser =Ga(ascript>.
Declara!o"
Parmetros
&alue < O te+to que aparecer no Foto.
#elect
2tilizado para selecionar uma ou mais op5es de uma lista predefinida.
Declara!o"
Parmetros
Multiple )e e+istir" permite que se4am selecionadas m*ltiplas op5es atra(.s das teclas Ctrl ou #hi.t.
#i$e -*mero de op5es e+ibidas por (ez na tela. )e o size esti(er setado para BHD que . o default e no
e+istir o par:metro multiple" o elemento . e+ibido como um Com*o 'ox/ ;aso contrrio . e+ibido como
um #elect List/
0ption cada subtag option adiciona uma opo ao elemento.
&alue < O (alue de cada option . o (alor passado caso aquela opo se4a selecionada.
Obs. O te+to da opo de(e ser especificado entre as tags #option% e #/option%
1rea de Texto
/ermite a entrada de um te+to no estilo Memo" com (rias lin'as.
Declara!o"
Parmetros
Cols -*mero e caracteres por lin'a.
(o2s -*mero de lin'as do campo.
Obs. no e+iste o par:metro -alue" o te+to inicial de(e ser definido entre as tags #te+tarea% e
#/te+tarea%.