Kérdôívek a HTML dokumentumban

A HTML formátumú dokumentumban kérdôíveket is közzétehetünk, melyek feldolgozásához külön programot kell írni. (Nem HTML-alapút! Általában a kiszolgáló /cgi-bin/ könyvtárában található programról van szó.)

A <FORM METHOD="mód" ACTION="elérési_út/fájlnév.kit"> és a </FORM> utasítások zárják közre a kitöltendô kérdôívet/ûrlapot.
Az opciókat ajánlott mindig megadni, már csak azért is, mert az ACTION határozza meg a feldolgozást végzô programot, a METHOD pedig a kitöltött ûrlap továbbítási módját a feldolgozó programnak. Lehetséges értékei: GET - az URL-ben, POST - adatcsomagban. Az alapértelmezés a GET, ami bizonyos veszélyeket rejt magában, mivel túl hosszúra nyúlhat az URL. A POST a biztonságosabb mód.

Az <INPUT NAME="név" TYPE="típus" ALIGN="hely"> utasítással határozható meg egy kitöltendô ûrlapmezô.
A NAME természetesen a mezônév, amely alapján a feldolgozóprogram azonosítja a bevitt adatot. A TYPE pedig az adattípus, melyet vár a beviteli mezô. Lehetséges típusok: TEXT - szöveg, PASSWORD - jelszó (nem jelenik meg bevitelkor!), HIDDEN - rejtett (ez sem jelenik meg), CHECKBOX - kapcsoló (több is kiválasztható egyszerre), RADIO - kapcsoló (egyszerre csak egyet lehet kiválasztani), RANGE - numerikus adat, FILE - csatolandó fájl, SUBMIT - adattovábbító gomb, RESET - inicializáló gomb, BUTTON - egyéb nyomógomb. Az <INPUT > utasításban további opciók is szerepelhetnek, a fô opciók értékeitôl függôen:
- A VALUE kiegészítô opcióval megadott értéket veszi fel alapértelmezésként a szöveges vagy numerikus beviteli mezô.
- TEXT típusú mezô esetén egy további opció, a SIZE="méret" opció határozza meg a beviteli ablak szélességét, a MAXLENGTH="érték" pedig a bevihetô maximális szöveghosszt.
- A CHECKBOX és a RADIO típusú mezôk további paramétere lehet a CHECKED opció, mely bekapcsolja a kapcsolót - alapértelmezésként.
- RANGE típusú mezô esetén megadható az a tartomány, melybe a bevitt értéknek bele kell esnie, a MAX="maximum" és a MIN="minimum" további opciókkal.
- A FILE típusú mezôben megadott fájl az ACCEPT kiegészítô opcióval megadott MIME módon csatolódik az elküldendô kérdôívhez. (Megjegyzés: Egy Browse nyomógombbal támogatott fájlkeresô-ablakból lehet a fájlt kiválasztani.)
- A SUBMIT és a RESET gombokhoz tartozó kiegészítô opció a VALUE="felirat", amely a gombok feliratát jelöli ki. Egyébként a SUBMIT gomb lenyomásának hatására küldi el az ûrlapadatokat a kérdôív a feldolgozó programnak, a RESET gomb lenyomása pedig az alapértékekkel tölti fel a beviteli mezôket.

Hosszab szöveg bevitelére alkalmas a <TEXTAREA NAME="név" ROWS="magaság" COLS="szélesség" VALUE="szöveg">, </TEXTAREA> utasításpár, amely egy beviteli ablakot nyit a COLS-ban megadott szélességben és a ROWS-ban megadott sorban. A VALUE az alapértelmezésként megjelenítendô szöveget adja meg.

Egy kérdésre adandó válasz egyszerû - menübôl történô - kiválasztását teszi lehetôvé a kérdôíven a <SELECT NAME="név" SIZE="sor">, </SELECT> utasításokkal létrehozott kiválasztásos menü, melynek menüpontjait az <OPTION> utasítással adhatjuk meg.
A SIZE opció azt határozza meg, hogy hány sorban jelenjenek meg a választható menüpontok. Megadásával szkrollozható menüt kapunk. Elhagyása esetén, ún. legördülô menübôl lehet választani. A MULTIPLE opció esetén több menüpont is kijelölhetô egyszerre. Az <OPTION SELECTED> formájú utasítás adja meg az alapértelmezett választást!

Az alábbi példa egy sokelemû kérdôívet mutat be:

        <CENTER>
        <H1>Adatfelvételi lap:</H1>
        <FORM METHOD="post" ACTION="program.bin">
        <INPUT TYPE="reset" VALUE="Alapértelmezés">
        <P>
        Vezetékneve:
        <INPUT NAME="vezeteknev" TYPE="text" VALUE="Kovács" SIZE="25" MAXLENGTH="30">
        Keresztneve:
        <INPUT NAME="keresztnev" TYPE="text" MAXLENGTH="50">
        Férfi: <INPUT NAME="neme" TYPE="radio" CHECKED>
        Nô:    <INPUT NAME="neme" TYPE="radio">
        Kora:  <INPUT NAME="kor" TYPE="range" SIZE="2" MIN="10" MAX="60">
        <P>
        Érdeklôdési köre:
        Windows: <INPUT NAME="erdek" TYPE="checkbox" CHECKED>
        Win95:   <INPUT NAME="erdek" TYPE="checkbox">
        LINUX:   <INPUT NAME="erdek" TYPE="checkbox">
        OS/2:    <INPUT NAME="erdek" TYPE="checkbox">
        <P>
        <TEXTAREA NAME="egyeb" COLS="40" ROWS="4">Közlendôk:</TEXTAREA>
        <P>
        Foglakozása:
        <SELECT NAME="foglakozas">
        <OPTION>diák
        <OPTION>tanár
        <OPTION SELECTED>nyugdíjas
        <OPTION>egyik sem
        </SELECT>
        <P>
        Csatolandó fájl(ok):
        <BR>
        <INPUT NAME="fajl" TYPE="file">
        <P>
        <INPUT TYPE="submit" VALUE="Elküldés">
        </CENTER>
        </FORM>