Az előadás letöltése folymat van. Kérjük, várjon

Az előadás letöltése folymat van. Kérjük, várjon

Űrlapok és keretek. Űrlap (form) Speciális HTML tag adatok bevitelére Speciális HTML tag adatok bevitelére Az űrlapon elhelyezhetőek különböző elemek,

Hasonló előadás


Az előadások a következő témára: "Űrlapok és keretek. Űrlap (form) Speciális HTML tag adatok bevitelére Speciális HTML tag adatok bevitelére Az űrlapon elhelyezhetőek különböző elemek,"— Előadás másolata:

1 Űrlapok és keretek

2 Űrlap (form) Speciális HTML tag adatok bevitelére Speciális HTML tag adatok bevitelére Az űrlapon elhelyezhetőek különböző elemek, amik segítségével az adatbevitel elvégezhető (pl.: beviteli mező, választógombok, nyomógombok) Az űrlapon elhelyezhetőek különböző elemek, amik segítségével az adatbevitel elvégezhető (pl.: beviteli mező, választógombok, nyomógombok) A bevitt adatokat továbbíthatjuk címre, vagy feldolgozhatjuk külön program segítségével (pl.: PHP-val) A bevitt adatokat továbbíthatjuk címre, vagy feldolgozhatjuk külön program segítségével (pl.: PHP-val)

3 Űrlap (folyt.) közé kerülnek az űrlapelemek közé kerülnek az űrlapelemek opciói: opciói: action="elérési út/fájlnév.kit" vagy "mailto: cím" – feldolgozást végző program neve vagy cím, ahová küldjük az adatokat action="elérési út/fájlnév.kit" vagy "mailto: cím" – feldolgozást végző program neve vagy cím, ahová küldjük az adatokat method= "mód" – továbbítás módja a feldolgozó programhoz (lehet: GET – az adatokat URL-ben küldi, nem biztonságos, vagy POST – adatátvitel más számára nem látható method= "mód" – továbbítás módja a feldolgozó programhoz (lehet: GET – az adatokat URL-ben küldi, nem biztonságos, vagy POST – adatátvitel más számára nem látható enctype= "kódolás" – az elküldött adatok típusa (lehet TEXT/PLAIN szöveges adatoknál, vagy MULTIPART/FORM-DATA fájlküldésnél) enctype= "kódolás" – az elküldött adatok típusa (lehet TEXT/PLAIN szöveges adatoknál, vagy MULTIPART/FORM-DATA fájlküldésnél)

4 Űrlapelemek Beviteli mező (szövegdoboz) Beviteli mező (szövegdoboz) - egysoros beviteli mező - egysoros beviteli mező Opciói: Opciói: name="szöveg" – a beviteli mező neve, a feldolgozó program számára fontos name="szöveg" – a beviteli mező neve, a feldolgozó program számára fontos value="szöveg" – alapértelmezett érték megadása value="szöveg" – alapértelmezett érték megadása size="szám" – beviteli mező látható hosszúsága size="szám" – beviteli mező látható hosszúsága maxlength="szám" – a mezőben lévő szöveg maximális hossza maxlength="szám" – a mezőben lévő szöveg maximális hossza

5 Űrlapelemek (folyt.) Beviteli mező speciális változatai Beviteli mező speciális változatai - egysoros szöveges mező, pontok jelennek meg a beírt szöveg helyett. Jelszónál használatos. - egysoros szöveges mező, pontok jelennek meg a beírt szöveg helyett. Jelszónál használatos. - szöveges mező, ami nem látható a megjelenítésnél (feldolgozásnál lehet fontos) - szöveges mező, ami nem látható a megjelenítésnél (feldolgozásnál lehet fontos)

6 Űrlapelemek (folyt.) Jelölőnégyzet (checkbox) Jelölőnégyzet (checkbox) választás1 – bepipálható négyzet készítése, a „választás1” szöveg kerül a négyzet mellé feliratnak választás1 – bepipálható négyzet készítése, a „választás1” szöveg kerül a négyzet mellé feliratnak Opciói: Opciói: name="szöveg" – jelölőnégyzet elnevezése, az egymáshoz tartozó jelölőnégyzetek lehetőleg azonos nevűek legyenek name="szöveg" – jelölőnégyzet elnevezése, az egymáshoz tartozó jelölőnégyzetek lehetőleg azonos nevűek legyenek value="érték" – az az érték, amit továbbítani szeretnénk a feldolgozáshoz value="érték" – az az érték, amit továbbítani szeretnénk a feldolgozáshoz selected – az oldal megjelenésekor be van jelölve selected – az oldal megjelenésekor be van jelölve

7 Űrlapelemek (folyt.) Választókapcsoló (rádiógomb) Választókapcsoló (rádiógomb) választás1 – bekapcsolható kör készítése, a „választás1” szöveg kerül a kör mellé feliratnak. Csak egy jelölhető be a megadottak közül. választás1 – bekapcsolható kör készítése, a „választás1” szöveg kerül a kör mellé feliratnak. Csak egy jelölhető be a megadottak közül. Opciói: Opciói: name="szöveg" – rádiógomb elnevezése, az egymáshoz tartozó rádiógombok kötelezően azonos nevűek legyenek name="szöveg" – rádiógomb elnevezése, az egymáshoz tartozó rádiógombok kötelezően azonos nevűek legyenek value="érték" – az az érték, amit továbbítani szeretnénk a feldolgozáshoz value="érték" – az az érték, amit továbbítani szeretnénk a feldolgozáshoz selected – az oldal megjelenésekor be van jelölve selected – az oldal megjelenésekor be van jelölve

8 Űrlapelemek (folyt.) Listák Listák - listaelemeket közrefogó HTML tag - listaelemeket közrefogó HTML tag Opciói: Opciói: name="szöveg" – lista elnevezése feldolgozáshoz name="szöveg" – lista elnevezése feldolgozáshoz size="szám" – lista mérete (hány elem jelenjen meg egyszerre, vagy hány elem legyen benne maximum) size="szám" – lista mérete (hány elem jelenjen meg egyszerre, vagy hány elem legyen benne maximum) multiple – egyszerre több elem is kijelölhető multiple – egyszerre több elem is kijelölhető Ha nem adjuk meg a SIZE és a MULTIPLE opciókat, akkor legördülő listát kapunk! Ha nem adjuk meg a SIZE és a MULTIPLE opciókat, akkor legördülő listát kapunk!

9 Űrlapelemek (folyt.) Listaelemek megadása: Listaelemek megadása: A közé érték1 megadásával adunk meg egy listaelemet. A közé érték1 megadásával adunk meg egy listaelemet. Az érték1 sorból annyit kell készíteni, amennyi listaelem szükséges Az érték1 sorból annyit kell készíteni, amennyi listaelem szükséges Opciója: Opciója: selected – melyik elem legyen alapértelmezettként kijelölve, legördülő listánál: melyik elem látszik alapból selected – melyik elem legyen alapértelmezettként kijelölve, legördülő listánál: melyik elem látszik alapból

10 Űrlapelem (folyt.) Szövegterület (textarea) Szövegterület (textarea) - többsoros beviteli mező, görgethető tartalommal - többsoros beviteli mező, görgethető tartalommal Opciói: Opciói: name="szöveg" – többsoros beviteli mező elnevezése name="szöveg" – többsoros beviteli mező elnevezése rows="szám" – sorok száma rows="szám" – sorok száma cols="szám" – oszlopok száma cols="szám" – oszlopok száma

11 Űrlapelem (folyt.) Fájlfeltöltés Fájlfeltöltés - fájl csatolásához megjelenít egy szövegdobozt, és egy Tallózás gombot, amivel kikereshetjük a feltölteni kívánt fájlt a gépünkről - fájl csatolásához megjelenít egy szövegdobozt, és egy Tallózás gombot, amivel kikereshetjük a feltölteni kívánt fájlt a gépünkről Fájlküldésnél a enctype opcióját be kell állítani a megfelelőre! Fájlküldésnél a enctype opcióját be kell állítani a megfelelőre! Opciói: Opciói: name="szöveg" – feldolgozó programban ezen a néven lehet a fájlra hivatkozni name="szöveg" – feldolgozó programban ezen a néven lehet a fájlra hivatkozni

12 Űrlapelem (folyt.) Mégse gomb Mégse gomb - nyomógomb, amivel visszaállítható az oldal alaphelyzete - nyomógomb, amivel visszaállítható az oldal alaphelyzete Opciója: Opciója: value="szöveg" – ez a szöveg jelenik meg a gombon value="szöveg" – ez a szöveg jelenik meg a gombon Küldés gomb Küldés gomb - elküldi a feldolgozó programnak vagy az adott címre az adatokat - elküldi a feldolgozó programnak vagy az adott címre az adatokat Opciója: Opciója: value="szöveg" – ez a szöveg jelenik meg a gombon value="szöveg" – ez a szöveg jelenik meg a gombon

13 Keret (Frame) Lehetővé teszi, hogy egyszerre több, független dokumentumot jelenítsünk meg külön ablakokban vagy ablakrészekben (azaz feloszthassuk a képernyőt) Lehetővé teszi, hogy egyszerre több, független dokumentumot jelenítsünk meg külön ablakokban vagy ablakrészekben (azaz feloszthassuk a képernyőt) Annak a HTML fájlnak, ami leírja a képernyő felosztását, a hagyományostól eltér a szerkezete. Annak a HTML fájlnak, ami leírja a képernyő felosztását, a hagyományostól eltér a szerkezete. a előtt vagy helyett szerepel a felosztás megadása a előtt vagy helyett szerepel a felosztás megadása

14 Keret (folyt.) A képernyőt paranccsal lehet felosztani több ablakrészre A képernyőt paranccsal lehet felosztani több ablakrészre Opciói: Opciói: rows="hosszlista" – a vízszintes ablakrészek méreteit adja meg, vesszővel elválasztva, pixelben vagy %- ban. *-gal helyettesíthető az utolsó rész mérete. rows="hosszlista" – a vízszintes ablakrészek méreteit adja meg, vesszővel elválasztva, pixelben vagy %- ban. *-gal helyettesíthető az utolsó rész mérete. cols="hosszlista" – a függöleges ablakrészek méreteit adja meg, vesszővel elválasztva, pixelben vagy %- ban. *-gal helyettesíthető az utolsó rész mérete. cols="hosszlista" – a függöleges ablakrészek méreteit adja meg, vesszővel elválasztva, pixelben vagy %- ban. *-gal helyettesíthető az utolsó rész mérete. border="szám" – a frame-ek közti keret vastagságának értéke (0=nincs keret köztük) border="szám" – a frame-ek közti keret vastagságának értéke (0=nincs keret köztük)

15 Keret (folyt.) Az ablakrészek tartalmának megadása: közé annyi parancs írása, amennyi részre osztottuk a teljes képernyőt. Az ablakrészek tartalmának megadása: közé annyi parancs írása, amennyi részre osztottuk a teljes képernyőt. Opciói: Opciói: src="elérési út/fájlnév.kit" – a tartalom forrását adja meg src="elérési út/fájlnév.kit" – a tartalom forrását adja meg name="szöveg" – adott keret neve, hivatkozásnál fontos lehet name="szöveg" – adott keret neve, hivatkozásnál fontos lehet noresize – a frame méretét a felhasználó nem méretezheti ár noresize – a frame méretét a felhasználó nem méretezheti ár scrolling="görgetőmód" – a görgetősávot állítja be, lehet: scrolling="görgetőmód" – a görgetősávot állítja be, lehet: yes – mindig van görgetősáv yes – mindig van görgetősáv no – sosem jelenik meg görgetősáv no – sosem jelenik meg görgetősáv auto – csak szükség esetén jelenik meg a görgetősáv auto – csak szükség esetén jelenik meg a görgetősáv

16 Keret (folyt.) A sorokra és oszlopokra osztást kombinálni is lehet. A sorokra és oszlopokra osztást kombinálni is lehet. Célframe megadása: Célframe megadása: A hivatkozásokban megadható, hogy melyik ablakrészben szeretnénk megnyitni azt A hivatkozásokban megadható, hogy melyik ablakrészben szeretnénk megnyitni azt A hivatkozás tag-jébe a target="framenév" opciót beírva megadhatjuk annak az ablakrésznek a nevét, ahol a hivatkozást meg szeretnénk jeleníteni (főleg menüknél alkalmazzák) A hivatkozás tag-jébe a target="framenév" opciót beírva megadhatjuk annak az ablakrésznek a nevét, ahol a hivatkozást meg szeretnénk jeleníteni (főleg menüknél alkalmazzák)

17 Ablak két oszlopra osztása


Letölteni ppt "Űrlapok és keretek. Űrlap (form) Speciális HTML tag adatok bevitelére Speciális HTML tag adatok bevitelére Az űrlapon elhelyezhetőek különböző elemek,"
Google Hirdetések