Lomakkeet

Lomakkeet antavat käyttäjälle mahdollisuuden lähettää tietoa www-palvelimelle. Lomake vaatii toimiakseen ohjelman, joka käsittelee lomakkeella välitetyn tiedon.

FORM - Lomake

<FORM ACTION="URL"> </FORM>
ACTION=URL, METHOD=get|post, ENCTYPE=string

Lomake luodaan FORM-koodien sisään. ACTION kertoo lomakkeen käsittelevän ohjelman osoitteen. METHOD määrää tavan, jolla tieto lähetetään ja ENCTYPE tavan, jolla tieto koodataan. Lomaketta voi käyttää myös tekemään painike, jota painamalla pääsee ACTION-attribuutin määräämälle sivulle. Esimerkiksi <FORM ACTION="http:\\www.xyz.fi" METHOD=GET> <INPUT TYPE=submit NAME=foo VALUE="Go to xyz.fi"></FORM> tekee painikkeen, jota painamalla pääsee xyz:n kotisivulle.

INPUT - Syöttökenttä,nappi, yms.

INPUT-koodilla tehdään lomakkeelle syöttökenttiä. NAME-attribuutti nimeää kentän. Selain lähettää kenttien nimet tietojen mukana, jotta www-palvelimella toimiva ohjelma osaa tunnistaa tiedot. ALIGN vaikuttaa kenttien sijoittumiseen. Muut parametrit riippuvat TYPE parametrista:

TYPE=text|password

Tekee tekstinsyöttökentän. Password näyttää syötetyn tekstin tähtinä. MAXLENGHT määrittää kentän maksimipituuden ja SIZE kentän pituuden.

TYPE=checkbox

Tekee valintaruudun, joka voi olla joko valittu tai ei. CHECKED tekee ruudusta oletuksena valitun.

TYPE=radio

Tekee valintanapin. Napit ovat aina ryhmissä ja vain yksi ryhmän napeista voi olla valittuna. Samaan ryhmään kuuluvilla napeilla pitää olla sama NAME-määre ja eri VALUE-määre.

TYPE=submit

Tekee painikkeen, jota painamalla voi lähettää lomakkeen tiedot. Lomakkeella voi olla useita lähetä-painikkeita, mutta niillä tulee olla eri NAME-määre.

TYPE=reset

Tekee painikkeen, jota painamalla voi tyhjentää lomakeen.

TYPE=file

Mahdollistaa tiedoston lähettämisen. Määrelle ei ole laajaa tukea.

TYPE=hidden

Tekee piilotetun kentän.

TYPE=image

Tekee lähetä-painikkeen, mutta käyttää painikkeena SRC:n ilmoittamaa kuvaa.

Esimerkkejä
<FORM ACTION="http://www.xyz.fi/cgibin/exe.cgi" METHOD="POST">
Nimi <INPUT TYPE="TEXT" NAME="Nimi" SIZE="20" MAXLENGTH="50"><BR>
Salasana <INPUT TYPE="PASSWORD" NAME="Salasana" SIZE="10" MAXLENGTH="25"><BR>
Sukupuoli:<BR> <INPUT TYPE="RADIO" NAME="Sukupuoli" VALUE="Mies"> Mies<BR><INPUT TYPE="RADIO" NAME="Sukupuoli" VALUE="Nainen"> Nainen<BR><INPUT TYPE="CHECKBOX" NAME="Ajokortti" CHECKED="CHECKED"> Ajokortti<BR>
<INPUT TYPE="submit" VALUE="Lähetä">
<INPUT TYPE="reset" VALUE="Tyhjennä">
</FORM>

Nimi
Salasana
Sukupuoli:
Mies
Nainen
Ajokortti

SELECT - Valintalista

<SELECT NAME="string"> </SELECT>
NAME=string, SIZE=n, MULTIPLE

SELECT-koodilla saa aikaiseksi valintalistan, jossa useita vaihtoehtoja, joista käyttäjä voi valita yhden tai useamman. Valintalistan vaihtoehdot määritellään OPTION-koodein. NAME määrittää kentälle nimen, SIZE kerralla näkyvien rivien lukumäärän ja MULTIPLE mahdollistaa usean vaihtoehdon valitsemisen.

OPTION - Valintalistan vaihtoehto

<OPTION> [</OPTION>]
VALUE=string, SELECTED

OPTION määrittää vaihtoehdon SELECT-koodilla määriteltävään valintalistaan. SELECTED tekee vaihtoehdosta valitun. Kaikkien vaihtoehtojen VALUE-määreen tulee olla erilainen.

Esimerkkejä
<FORM ACTION="http://www.zyx.fi/cgibin/exe2.cgi" METHOD="POST">;
Vastaanottaja
<SELECT NAME="Vastaanottaja" SIZE="3" MULTIPLE>
<OPTION VALUE="matti">Matti Matikka</OPTION>
<OPTION VALUE="jussiju">Jussi Jussila</OPTION>
<OPTION VALUE="miajama">Maija Maatila</OPTION>
<OPTION VALUE="pekkama">Pekka Maatila</OPTION>
</SELECT><BR>
Viesti: <TEXTAREA NAME="viesti" ROWS=4 COLS=25><BR><TEXTAREA>
<INPUT TYPE="submit" VALUE="Lähetä">
<INPUT TYPE="reset" VALUE="Tyhjennä">
</FORM>

Vastaanottaja

Viesti:
Moi!

TEXTAREA - Tekstinsyöttökenttä

<TEXTAREA NAME="string", ROWS=n, COLS=n> </TEXTAREA>
NAME=string, ROWS=n, COLS=n

Tekee tekstinsyöttökentän, jolle voi syöttää useita rivejä tekstiä. NAME kertoo kentän nimen, ROWS rivien lukumäärän ja COLS kentän leveyden. Koodin sisälle kirjoitettu teksti näkyy tekstikentässä.