Forme

Forma Sadre polja (ili dugmad) koja korisnik moe da

popuni traenim podacima ili uini izbor izmeu vie ponuenih opcija i unetu informaciju vrati vlasniku stranice.

Polje za tekst(text box)

Radio dugme(radio button)

Polje za potvrdu(checkbox)

Dugme za slanje(submit button)

Padajua lista(list box)

- Nije na formi -

Klikom na dugme submit, uneti podaci se alju serveru od koga je uzet HTML dokument

HTML se ne baviobradom unetih podataka na strani servera !

Definisanje forme- tag form -

: predsavlja okvir za formu

. . .

Ova forma je prazna jer ne sadri elemente (tekst polja,

dugmad i td...), koji se definiu izmeu tagova i

Klikom na submit dugme, sadraji svih elemenata forme se pakuju i alju serveru. Server prima podatke i pokree program za obradu primljenih podataka. Ovaj program se nalazi u fajlu ije je ime (tj. URL) navedeno kao vrednost atributa action. Rezultat ove obrade je obino nova stranica koja se kreira i vraa klijentu, gde zamenjuje stranicu forme.

Formatiranje tekst polja

Ime: Br. Indeksa: definie polje za tekst Atribut name definie ime elementa

(ne prikazuje se) Atribut size - definie duinu polja za tekst Atribut maxlength definie maksimalan broj karaktera koji se mogu

uneti u polje za tekst Atribut value definie tekst koji e inicijalno biti upisan u tekst polju

(tekst koji korisnik treba da zameni svojim tekstom)

Formatiranje polja za lozinku

Korisnicko ime:

Lozinka:

Formatiranje oblasti za tekst

User Name:

Formatiranje polja za potvrdu

Koji su vasi omiljeni sportovi?

Kojom rukom pisete?

Desnom Levom Obema

Formatiranje radio dugmadi

Uvek je izabrana samo jedna opcija (pod uslovom da sva radio dumad imaju isto ime - name)

type=radio - kreira radio dugme

name = ruka definie ime radio dugmeta (isto za sva dugmad iz iste grupe).

value = desnom definie vrednost koja se vraa serveru ako je konkretno radio dugme selektovano.

checked - ako postoji, konkretno radio dugme bie selektovano prilikom otvaranja stranice

okvir za padajuu listu

- ime padajue liste

- definie jednu stavku padajue liste

- definie vrednost stavke, tj. vrednost koja se vraa serveru ako je konkretna stavka izabrana.

Formatiranje padajue liste

Koje je vase omiljeno voce?

Izaberite voce----------------------JabukaBreskvaVisnja

Klikom na listu, ona se otvara

Formatiranje okvira sa listom

Koje strane jezike znate?

EngleskiFrancuskiNemackiSpanski

Da biste izabrali vise opcija, drzite pritisnutim taster Ctrl

definie okvir sa listom koji sadri 4 stavke

Mogunost viestrukog izbora

Formatiranje polja za biranje datoteka

File Fields

Prenesite (upload) vasu fotografiju u GIF formatu:

definie polje za biranje datoteka

name definie ime polja

size definie duinu polja za tekst

maxlength definie maksimalan broj karaktere koji korisnik moe da unese u polje za tekst

accept definie MIME tip fajla koji dozvoljeno izabrati

Korisniku je omogueno da upise ime datoteke (zajedno sa putanjom), ili da klikom na dugme Browse otvori dijalog za izbor fajla

ta e se desiti klikom na Browse, prikazan je na sledeem slajdu

Formatiranje polja za biranje datoteka

Nakon izvrenog izbora fajla, klikom na Open, dijalog se zatvara u tekst polje se upisuje ime fajla zajedno sa putanjom

Formatiranje Submit i Reset dugmadi

E-mail Adresa:

Message:

Slika kao dugme Submit

E-mail Address:

Message:

definie sliku kao dugme submit

src=posalji.gif definise fajl slike

width i height definiu dimenzije slike

name definie ime ovog elementa

alt definie alternativni tekst za sliku

Ime:

Prezime:

Adresa:

Korienje skupova polja (field set) Mogunost grupisanja srodnih elemenata forme radi preglednijeg

vizelnog prikaza

Ovaj okvir potie od

Tabela se koristi radi poravnanja teksta i

tekst polja

Bez tabele