Űrlapok.

Az előadások a következő témára: "Űrlapok."— Előadás másolata:

1 Űrlapok

2 Beszúrás-Űrlap-Űrlapkészítés
Az űrlapok összes eleme a <FORM name=az űrlap neve action=url method=küldés típusa enctype=kódolás típusa> Űrlapmezők definiálása </FORM> Tag-eken belül helyezkedik el. Beszúrás-Űrlap-Űrlapkészítés

3 ACTION= az űrlap elküldésekor végrehajtandó feladat, melyet az
ACTION= az űrlap elküldésekor végrehajtandó feladat, melyet az URL segítségével adhatunk meg. 1.eset: az űrlap kitöltése után az eredményt egy címre továbbítjuk, ekkor az URL: mailto: 2.eset: az űrlapot egy a szerveren futó CGI program dolgozza fel, ekkor az URL: METHOD= (elhagyható), azonban ha az ACTION paraméterrel egy CGI programra hivatkozunk, akkor itt megadhatjuk hogy a megjelenítő milyen módon küldje át az adatokat a szerveren (GET vagy POST). Ha ben küldünk adatokat, akkor METHOD= „POST” paramétert használjuk. ENCYTPE= az elküldött adatok kódolási típusát állíthatjuk be. Ha az adott űrlap tartalmát en keresztül küldjük el, akkor célszerű text/plain kódolást beállítani és így olvasható marad a szöveg.

4 Egyszerű szövegbekérés Beszúrás-Űrlap-Űrlapmező-Szöveg
<INPUT type=TEXT name=név (mező azonosítására szolgál) value=”alapérték” (ami a szövegablakban lesz) size=szövegmező mérete (karakterben) maxlength=max. beírható szöveg hossza (karakterben)>

5 Jelszó bekérése Beszúrás-Űrlap-Űrlapmező-Jelszó
<INPUT type=PASSWORD name=mező azonosítója size=bekérési mező hossza maxlength=maximálisan bekérhető karaktermennyiség value=”alapérték”>

6 Hosszabb szöveg bekérése Beszúrás-Űrlap-Szövegterület
<TEXTAREA name=mezőazonosító rows=sorok száma cols=oszlopok száma> Szövegmezőben alapértelmezettként megjelenő szöveg </TEXTAREA>

7 Checkbox Beszúrás-Űrlap-Űrlapmező-Jelölőnégyzet
Kétféle értéket vehet fel: igaz vagy hamis. Csak az igaz értékeket küldi el. Egyszerre több válasz lehetséges. <INPUT type=CHECKBOX name=mezőazonosító value=érték CHECKED> A VALUE értéke mindig ugyanaz. Alapértelmezettként kijelöl

8 Rádió gomb Beszúrás-Űrlap-Űrlapmező-Rádiógomb
Kétféle értéket vehet fel: igaz vagy hamis. Csak az igaz értékeket küldi el. Egyszerre csak 1 válasz lehetséges. <INPUT type=RADIO name=mezőazonosító value=érték CHECKED> A NAME paraméter állandó. Alapértelmezettként kijelöl

9 Menü készítése Beszúrás-Űrlap-Választólista
<SELECT name=mezőazonosító size=megjelenítendő sorok szám MULTIPLE> <OPTION value=érték SELECTED> </SELECT> Ha a SIZE értéke 1, akkor legördülő menüt kapunk. Több választási lehetőség CTRL billentyűvel Alapértelmezettként kijelöl

10 Fájl feltöltése (tallózás) Beszúrás-Űrlap-Űrlapmező-Fájl
<INPUT type=FILE name=mezőazonosító>

11 Űrlap elküldése nyomógomb: Beszúrás-Űrlap-Űrlapmező-Elküldés gomb
Az űrlapon kitöltött adatokat elküldi az ACTION-ba megadott helyre. <INPUT type=SUMBMIT value=”gomb felirata”> Törlés gomb: Beszúrás-Űrlap-Űrlapmező-Visszaállítás gomb Az összes mező értékét az alapértékre állítja vissza. <INPUT type=RESET value=”gomb felirata”>

12 Mezőcsoportok Beszúrás-Űrlap-Mezőcsoport beszúrása
Az űrlapmezőket (az űrlapon belül) úgynevezett logikai csoportokba foglalhatjuk. <FIELDSET> <LEGEND align=a felirat vízszintes igazítása> csoportfelirat szövege </LEGEND> Űrlapmezők </FIELDSET>