HTML Obrasci - Lekcija 4

Sledeći tip inputa je HIDDEN.

<INPUT TYPE=HIDDEN NAME="LOCATION" VALUE="USA Form">

HIDDEN je par ime/vrednost, koja Vam se vraća, ali se ne vidi nigde na web strani.

Pretpostavimo da ste Vi neka kompanija koja skuplja mišljenja o svojim novim proizvodima. Imate standardan obrazac za prikupljanje informacija... ime, kompanija, telefon, zanimljivi proizvodi, itd. Jedini problem je taj što postoji šest sličnih (ali ne istih!) verzija obrazaca na šest sličnih mesta. Morate nekako da znate šta dolazi odakle. Kako to izvesti?

Moguće rešenje je dodavanje HIDDEN inputa u obrasce...

<INPUT TYPE=HIDDEN NAME="OBRAZAC" VALUE="Verzija 1"> ...za prvu verziju
<INPUT TYPE=HIDDEN NAME="OBRAZAC" VALUE="Verzija 2"> ...za drugu verziju
<INPUT TYPE=HIDDEN NAME="OBRAZAC" VALUE="Verzija 3"> ...za treću verziju
I tako dalje, sve do poslednje verzije.

Uzgred, uopšte nije važno koji će se parovi imena i vrednosti nalaziti u inputima (kako HIDDEN, tako i ostalima). Ovo je, npr, sasvim u redu:

<INPUT TYPE=HIDDEN NAME="E" VALUE="Mc^2"> ...Dobićete E=Mc^2


Povremeno veoma koristan može biti i FILE UPLOAD. Uz pomoć ovog inputa, posetilac sajta Vam može poslati neki fajl direktno sa svog hard diska (diskete, CDa, Zip diskete...).

<INPUT TYPE=FILE NAME="myfile">

Kada koristite ovu vrstu inputa, morate, u tagu FORM, koristiti ENCTYPE="multipart/form-data". Takođe, trebalo bi da znate da neki stariji browseri ne podržavaju ovu mogućnost.


Poslednji na listi su SUBMIT i RESET ekranski tasteri.

Veoma su jednostavni...

<INPUT TYPE=SUBMIT>

SUBMIT naravno šalje podatke...


...a RESET briše obrazac.

<INPUT TYPE=RESET>

 

* PITANJE: Kada pritisnem dugme Submit jedino što se desi je da iskoči prozor New Mail Message. Šta nije u redu?

ODGOVOR: Sve je u redu. Vaša kombinacija browsera i e-mailera ne može da uzađe na kraj sa mailto obrascima. Moraćete da koristite CGI skripte za obrasce.


* PITANJE: Hoće li se ovo dešavati svim posetiocima mog sajta?

ODGOVOR: S vremena na vreme dešavaće se, ali samo nekim posetiocima (zavisno od kombinacije browsera i e-mail klijenta). Ponavljam, korišćenje CGI obrazaca eliminiše ove probleme.


Jednostavno se može promeniti ono što ovi ekranski tasteri govore.

<INPUT TYPE=SUBMIT VALUE="Šalji o'ma'!"><BR>
<INPUT TYPE=RESET VALUE="Briši obrazac!"><P>


Ako je potrebno, SUBMIT dugme može da ima i ime (NAME). Ovo je potrebno samo onda kada na jednoj strani postoji više SUBMIT tastera.


Da li je moguće koristiti i slike u funkciji SUBMIT tastera? Jašta, ništa lakše!

<INPUT TYPE=IMAGE SRC="submit.gif">


Dodajte atribute WIDTH i HEIGHT, kako bi browser brže i efikasnije učitavao Vašu stranu. Takođe, bilo bi dobro da koristite i atribut ALT, kako bi i oni čiji browseri ne prikazuju slike, znali gde je SUBMIT dugme. Ukoliko želite da uklonite plavu liniju oko slike-linka, dodajte i BORDER=0.

<INPUT TYPE=IMAGE SRC="submit.gif" WIDTH=94 HEIGHT=26 BORDER=0 ALT="Submit">


Primetite da je INPUT TYPE=IMAGE, po defaultu, isključivo dugme SUBMIT. To zapravo znači da nije moguće napraviti dugme RESET sa slikom. Ukoliko neko zna da nisam u pravu, neka me odmah obavesti na zoniweb@zoniweb.cjb.net
 

* PITANJE: Da li je moguće napraviti jednostavan dugme-link?

ODGOVOR: Naravno...

<FORM ACTION="../tables/index.html">
<INPUT TYPE="submit" VALUE="HTML Tabele">
</FORM>


Fino... još jedna sitnica, i možemo da završimo sa ovim. Kada stavite MAILTO obrazac na svoju stranu, a neko Vam pošalje informaciju, primetićete da je poruka stigla sa nekim predefinisanim subject-om. Tako, ako Vaš posetilac koristi Netscape, subject će biti "Form posted from Mozilla". Neki drugi browser će Vam saopštiti, npr. "Form Response", itd.

Ovo možete da promenite na sledeći način:

<FORM METHOD=POST ACTION="mailto:moja.adresa@my_mail.co.yu?subject=Pa, gde si, bre!" ENCTYPE="text/plain">

Cool, zar ne?

Pažnja! Nemojte zaboraviti da postoje i stariji e-mail klijenti koji neće znati šta da rade sa ovako definisanom temom (subject-om). U tom slučaju, izgledaće kao da su podaci poslati, ali zapravo, oni će samo prohujati s vihorom u zaborav. Ukoliko Vas to brine, nemojte zadati subject, i sve će biti OK.

Ukoliko ste preskočili deo na početku (u kome se govori o korišćenju CGI obrazaca), možda je sada pravo vreme da se vratite, i upoznate se sa procesom.

<--Lekcija 3        Lekcija 5-->

Sadržaj Lekcije
Uvod - 1 - 2 - 3 - 4 - 5
Indeks Barebones
HTML vodič
Z o N i . W e b !