Webszerkesztés
Űrlap létrehozása
Az űrlapok összes eleme a <form> elemen belül helyezkedik el, ahol az egyes űrlapelemeket más-más tag-ekkel definiáljuk.
Egy weboldal tartalmazhat több űrlapot is de az űrlapok nem lehetnek egymásba ágyazva.
Űrlapelemek csoportosítása
A <fieldset> páros elemmel az űrlap egyes elemei csoportba foglalhatók, segítségével űrlapunk könnyen áttekinthetővé tehető.
A csoporthoz a <legend> páros elemmel feliratot (címet) is rendelhetünk, amely utal a csoportba foglalt űrlapelemek közös jellemzőjére.
<fieldset><legend>Személyes adatok</legend>...</fieldset>Beviteli mezők
Beviteli mezőt az <input> páratlan tag-ben adhatunk meg, mely általában egysoros adatbevitelt tesz lehetővé, kivéve a textarea páros címke.
Beviteli mezők jellemzői
size: Meghatározza beviteli mező szélességét karakterben.
value: Meghatározza a mező kezdeti értékét.
Input - Szövegbevitel
type=text
A text típus egysoros adat bevitelére alkalmas.
A maxlength tulajdonság a beírható karakterek számát jelöli.
textarea
A textarea páros elem többsoros adat bevitelére alkalmas.
Elhelyezhető a form tag-eken kívül is, de ekkor a form tag id azonosítójának és a textarea elem form tulajdonságának az azonosítójának meg kell egyezni.
Input - Jelölők, választók
type=checkbox
Egy jelölőnégyzet egy igen/nem választást tesz lehetővé.
Az összetartozó jelölőnégyzeteknek a name jellemzője azonos kell legyen, és közülük általában több is kiválasztható.
Ha azt szeretnénk, hogy egy vagy több jelölőnégyzetet alapértelmezetten be legyen jelölve, akkor a checked paramétert kell megadnunk.
type=radio
Egy választógomb egy igen/nem választást tesz lehetővé.
Az űrlapon a választógombok csoportokban helyezkednek el. Egy csoporton belül valamennyi választógomb name jellemzője azonos kell legyen, és közülük csak egy lehet kiválasztott.
Ha azt szeretnénk, hogy egy választógomb alapértelmezetten be legyen jelölve, akkor a checked paramétert kell megadnunk.
type=select
A select páros elemmel egy lenyíló listát hozhatunk létre. A multiple tulajdonság megadásával több elem kiválasztása lehetsége. (Kijelölés a Ctrl billentyű lenyomása mellet.) A size tulajdonság segítségével állítható be, hogy hány listaelem legyen megjelenítve.
Az option páros elem a lenyíló lista elemeinek megadására szolgál. A value tulajdonságnál megadott érték kerül továbbításra a szerver felé a kiválasztott elemek esetén. A selected tulajdonsággal jelölt listaelem az alapértelmezetten kiválasztott, az oldal betöltésekor ki lesz választva.
Input - Gombok
type=button
Nyomógomb elem.
<input type="button" value="Nyomj meg!">type=reset
A reset típus az űrlapba bevitt adatok törlését teszi lehetővé. A beviteli mezőkbe a kezdeti állapotnak megfelelő értékeket írja.
<input type="reset" value="Alaphelyzetbe állítás!">type=submit
A submit típus az űrlapba bevitt adatokat elküldi az űrlap feldolgozását végző fájlnak.
<input type="submit" value="Küldés!">