Honlapírás során bizonyára mindenki szembekerül azzal a problémával, hogy hogyan kaphat visszajelzéseket a felhasználótól. Például hogyan tudhatja meg
nevét, esetleg életkorát stb. Nos ilyenkor van szükség a kérdőívek, angolul form-ok használatára. Ezek az űrlapok különböző adatközlő mezőket
tartalmazhatnak: választógombokat, jelölőnégyzeteket, szövegmezőket és gombokat. A HTML sajnos csak ezek létrehozására és formázására nyújt lehetőséget,
ezek kiértékelésére, visszaküldésére rendszerint egy JavaScript vagy egy CGI Script programra van szükségünk. Ezekről a további fejezetekben
lesz szó. De most lássuk a HTML formjait!
Az űrlap mezőit tartalmazó utasításoknak egy <FORM> és egy </FORM> parancs közé kell kerülniük. Ezen belül adhatók meg az
űrlapelemek és különböző tulajdonságaik. Maga a <FORM> tag három opcióval rendelkezik:
Az űrlap minden egyes elemének kevés kivételtől eltekintve ugyanaz a tulajdonsága lehet. Ezek értéke viszont nem feltétlenül egyezik.
Minden egyes adatbeviteli mezőt az <INPUT> utasítás vezet be, ennek opciói a következők:
Ha TEXT típusú mezőt szerkesztünk, a MAXLENGTH="karakterszám" opcióval a mezőbe maximálisan írható karakterek számát, a SIZE="szélesség"
opcióval a mező szélességét adhatjuk meg a karakterek száma alapján.
Néhány szó az <INPUT> parancs további típusaitról. A TEXT a már említett funkcióval bír, a TYPE="típus" opcióban megadott
érték RADIO esetén választógombokat (ilyenkor az összetartozó választási lehetőségekhez ugyanaz a NAME-beli név tartozik; ld. a példát!),
CHECKBOX esetén jelölőnégyzetet, BUTTON esetén egy egyszerű gombot, PASSWORD esetén jelszóbeviteli mezőt jelenít meg. Ha ez az érték
IMAGE, akkor egy kép kerül a kérdőív belsejébe, HIDDEN esetében pedig egy rejtett szövegrész (a mező értéke). Ha a mező típusa FILE, akkor
az űrlappal együtt elküldésre kerülő külső fájlt csatolhatjuk a kérdőívhez.
Ezeken kívül választómenü és nagyobb terjedelmű szöveg bevitelére alkalmas szövegmező is beilleszthető egy formba. Az előbbit a <SELECT
> tag, utóbbit a <TEXTAREA> szerkeszti.
A <SELECT> parancs opciója a NAME, melynek működése és funkciója megegyezik az <INPUT>nál tárgyaltéval. Ha több
lehetőség választható, a MULTIPLE paraméterrel beállíthatjuk ezt; a SIZE opcióval a választható pontok egyszerre megjelenített számát
adhatjuk meg. Hasznos az onChange="JavaScript parancs(ok)" tulajdonság is, ami a kijelölés megváltozását kezelő JavaScript utasítás.
A <SELECT> </SELECT> blokknak mindig kell tartalmaznia annyi <OPTION> taget, ahány menüpontot szeretnénk
létrehozni. Ezek az altagek csak a <VALUE="érték"> és a <SELECTED> opcióval rendelkezhetnek. Utóbbiból általában egy
<SELECT> blokkon belül csak egy lehet. A <VALUE>-ben megadott érték csak az adatok elküldése után, mint az adatok azonosítója
jelenik meg. Magának a menüpontnak az értéke az <OPTION> utasítás után adható meg. (Lásd a példát!) A tagnek nincs zárópárja.
A <TEXTAREA> mező négy opcióval rendelkezik, ezek a következők:
A <TEXTAREA> parancs a <SELECT>-hez hasonlóan rendelkezik zárópárral. Valójában a szövegmező kezdeti értéke a kezdő- és zárótag
között adható meg, a VALUE opciót csak a JavaScript kezeli rendesen.
Ezek mellett persze gombokkal is lehetséges az adatbevitel. Mint fentebb láttuk, a gombok az <INPUT> utasításban hozhatók létre, mégpedig
úgy, hogy a TYPE="típus" opciónak a "BUTTON" értéket adjuk. Ilyenkor a VALUE="érték" a gombon megjelenő szöveget fogja jelenteni. A
gombok esetén nagyon fontos a JavaScript onClick eseménykezelője, hiszen ezzel adhatunk funkciót egy gombnak.
Léteznek különleges gombok is, ezeket az <INPUT TYPE="típus"> parancs segítségével adhatjuk meg, ahol a "típus" a SUBMIT
vagy a RESET értéket kaphatja. Az előbbi esetben egy a kérdőívet elküldő gombot, utóbbi esetben egy az űrlapba bevitt adatok törlését végző gombot
kapunk. A törléskor a form alapértelmezett (a kérdőív készítője által megadott) értékei állnak vissza.
Miután minden szükséges adatbeviteli mezőt elkészítettünk, zárjuk le a megkezdett <FORM> tagot!