Opće o formama

Forme u HTML dokumentu koristimo kada od korisnika želimo prihvatiti neki podatak i zatim ga proslijediti na daljnju obradu, spremiti ga u bazu podataka ili ga jednostavno poslati e-mailom na određenu adresu.

Na primjer, korisne su ako želimo pribaviti podatke o nekom korisniku, obaviti neku anketu ili pak korisniku omogućiti da popuni i pošalje nekakvu narudžbu putem Interneta u cilju kupovine nekog proizvoda.

Princip rada forme je otprilike sljedeći (krajnje pojednostavljeno):

• korisnik popuni polja koja su mu ponuđena
• klikne na tipku "SUBMIT" ili "POŠALJI"
• podaci upisani u formu bivaju proslijeđeni do određenog programa na serveru (tzv. CGI skripte, pisane npr. u Javi, Perlu, PHP-u, ASP-u ili nekom drugom jeziku)
• taj program ih prihvaća, obrađuje ih, sprema u bazu podataka, šalje povratnu informaciju, ili radi nešto slično, ovisno već o njegovoj namjeni...

Obzirom da je korištenje formi uglavnom vezano za posebne programe (CGI skripte) te da je na serveru na koji ih postavljamo potrebno imati otvoren pristup tzv. CGI-BIN mapi, ovdje ih nećemo detaljnije obrađivati jer njihovo korištenje zahtjeva veće programersko iskustvo u pisanju programa koji prihvaćaju i obrađuju podatke s formi a također i zakupljeni WEB prostor na nekom serveru...

No, za početak je bitno da shvatimo kako to otprilike funkcionira!

U tom cilju naučit ćemo kako izraditi neku jednostavniju formu i kako podatke s te forme možemo jednostavno poslati na željenu e-mail adresu - a što ne zahtjeva baš nikakvo znanje u izradi CGI skripti!

Jedini je uvjet za to da vi posjedujete svoju e-mail adresu (bilo gdje) i da korisnik koji popunjava vašu formu (negdje na drugoj strani svijeta, na primjer) posjeduje ISPRAVNO PODEŠEN PROGRAM ZA E-MAIL na svome računalu!

Pa da krenemo!

a) Polja za upis u obliku <INPUT TYPE="text"...> i obliku <TEXTAREA ...>

Dakle, ovdje ćemo govoriti samo o formama čije podatke šaljemo putem e-maila!
Svaki HTML dokument može imati više formi, s tim da svaka počinje sljedećim tagom:

<FROM ACTION="mailto:moja.email@adresa.hr" METHOD="post">
i završava tagom:
</FORM>

<FORM...> predstavlja početak forme, a
</FORM> predstavlja kraj forme.
Opcija ACTION="mailto:...." određuje e-mail adresu na koju će podaci sa forme biti poslani.
Opcija METHOD="post" određuje da se podaci sa forme šalju na definirano odredište.

Ostaje nam još samo da naučimo kako definirati polja za upis podataka:

POZOR: Ako formu popunite na vlastitom računalu i pokušate podatke poslati na svoj vlastiti e-mail, najvjerojatnije vam ta "rabota" neće uspjeti jer većina e-mail programa ne dozvoljava slanje pošte s vlastite e-mail adrese na vlastitu e-mail adresu! Zato za probu koristite alternativnu e-mail adresu!

Nadalje, kada popunite polja forme i kliknete na gumb "Pošalji", bit ćete upitani želite li putem e-maila poslati ove podatke. Kliknite na "OK".

- Ako ste trenutno spojeni na Internet (ONLINE) podaci će automatski otići na određenu adresu.

- Ako trenutno niste spojeni na Internet (OFFLINE), bit ćete upitani želite li se spojiti i poslati ovu poštu ili želite ostati "offline", tj. tu poštu samo staviti u spremnik za slanje i poslati je kasnije, kada se spojite na Internet...

Naravno, da bi sve ovo radilo kako treba, morate imati ISPRAVNO PODEŠEN PROGRAM ZA E-MAIL!!!

Informacije radi, podaci iz polja forme bit će poslani uz e-mail kao "attachment" datoteka.
Ta datoteka je tekstualnog oblika i u njoj su navedeni podaci o imenima polja (NAME) i podacima upisanim u njih.
Na prvi pogled i nije sve tako čitljivo kako mislite da bi trebalo biti, ali ne brinite, brzo ćete ih "dešifrirati"... :o)))

U prilogu se nalazi datoteka ds-vje8a.htm koja prikazuje uporabu ovih naredbi u praksi.
Njen izvorni kod slobodno možete mijenjati u cilju vježbe.

b) Polja za upis u obliku <SELECT...> / <OPTION>

Ovdje ćemo prikazati uporabu navedenog polja, koje možete kombinirati s ostalim vrstama polja:

U prilogu se nalazi datoteka ds-vje8b.htm koja prikazuje uporabu ovih naredbi u praksi.
Njen izvorni kod slobodno možete mijenjati u cilju vježbe.

c) Polja za upis u obliku <INPUT TYPE="checkbox"...>

Ovdje ćemo prikazati uporabu navedenog polja, koje možete kombinirati s ostalim vrstama polja:

U prilogu se nalazi datoteka ds-vje8c.htm koja prikazuje uporabu ovih naredbi u praksi.
Njen izvorni kod slobodno možete mijenjati u cilju vježbe.

d) Polja za upis u obliku <INPUT TYPE="radio"...>

Ovdje ćemo prikazati uporabu navedenog polja, koje možete kombinirati s ostalim vrstama polja:

U prilogu se nalazi datoteka ds-vje8d.htm koja prikazuje uporabu ovih naredbi u praksi.
Njen izvorni kod slobodno možete mijenjati u cilju vježbe.