JavaScript űrlapok.

Mobilváltozat!

---

Asztali változathoz,
kattints a képre!

---

Az űrlapok (szövegablakok, adat- és jelszóbeviteli mezők, gombok, választógomb csoportok) az XHTML dokumentumban a párbeszédet teszik lehetővé.
Feldolgozásukhoz külön programot kell használni (például PHP programokat).

Minden űrlap jelölőelem a:
<form{action, enctype, method="post"> Űrlaptartalom </form>
jelölőelem között kell, hogy elhelyezkedjen amely a kitöltendő űrlap tartalmát jelöli ki.

A tartalmat az action attribútumban megadott szkript program dolgozza fel:
action="script.url"
ahol a script.url a PHP szkript elérési útvonala.
A form jelölőelem action paramétere arra a PHP fájlra mutat, amely feldolgozza az űrlapon megadott adatokat.
Ha az action attribútum csak a fájlnak a nevét adja meg, akkor az XHTML és a PHP programot tartalmazó fájloknak egy könyvtárban kell lenniük.

method="post"
attribútum meghatározza a kitöltött űrlap továbbítási módját a feldolgozó script program felé.
Lehetséges értékei:
ˇ GET - az URL-ben,
ˇ POST - adatcsomagban (biztonságosabb mód) továbbítja az adatokat.

Ha nem tartjuk célszerűnek, hogy az űrlap adatait egy szkript program dolgoza fel, akkor választhatjuk azt a megoldást, hogy a felhasználó által kitöltött adatokat elektronikus postával továbbítjuk.
Ekkor a küldendő szöveg formatálására felhasználjuk a következő attribútumot:
enctype="text/plain"
Az action attribútumban pedig megadjuk az e-mail címet ahová az adatokat továbbítjuk:
action="mailto:e-mail cím"

Adatbeviteli mezőket, a következő jelölőelemekkel hozhatjuk létre:
<input {accept, accesskey, align, alt, checked, disabled, ismap, maxlength, name, onblur, onchange, onfocus, onselect, readonly, size, scr, tabindex,
type,
type="button", type="checkbox", type="file", type="hidden", type="image", type="password", type="radio", type="reset", type="submit", type="text", usemap, value} > szöveg </input>

A name attribútum értéke a mezőnév, amely alapján a feldolgozó szkript program azonosítja a bevitt adatot.
A type attribútum határozza meg a beviteli mező adattípusát.

Lehetséges type adattípusok:

1. Nyomógomb:
   type="button"
2. Kapcsoló (több is kiválasztható egyszerre):
   type="checkbox"
   A checkbox típusú mező esetében a:
   checked="checked"
attribútum alkalmazásával alapértelmezésként bekapcsoljuk a kapcsolót.

3. Csatolandó fájl:
   type="file"
4. Rejtett adattípus (bevitelkor nem jelenik meg):
   type="hidden"
5. Kép:
   type="image"
6. Jelszó (bevitelkor nem jelenik meg):
   type="password"
7. Rádiókapcsoló (egyszer csak egyet lehet kiválasztani):
   type="radio"
   A radio típusú mező esetében a:
   checked="checked"
   attribútum alkalmazásával alapértelmezésként bekapcsoljuk a rádiókapcsolót.
8. Inicializáló gomb:
   type="reset"
   A reset gomb lenyomása alapértékkel tölti fel az adatbeviteli mezőket.
9. Adattovábító gomb:
   type="submit"
   A submit gomb lenyomásának hatására küldjük el az űrlapok adatait a feldolgozó script (PHP) programnak. A submit és a reset gombokhoz tartozó:
   value="felirat"
   attribútum alkalmazásával a gombok feliratát határozzuk meg .
10. Szöveg:
    type="text"
    A text és password adattípusú beviteli mező esetén a beviteli ablak széllességét a:size="méret"
    az ablakba bevihető maximális szöveghossz pedig a:
    maxlenght="érték"
    attribútumokkal határozzuk meg.

Példa kódrészlet, a jelszó megadására:

---

További és részletesebb tájékoztatót, lásd az asztali változatnál!

---

 

Vissza a lap elejére