Űrlapok
<input type="submit"> – Űrlap elküldése gomb
Korábban már bemutattuk ezt a beviteli mezőt, most a paramétereit is részletesebben bemutatjuk.
Mire használjuk?
Az űrlap elküldésére szolgál. Ilyenkor a gomb szövege a böngésző egy alapértelmezett szövege (pl. Elküld, Submit) lesz. Ha a gombon megjelenő szöveget is be akarjuk állítani, akkor a value paramétert is használnunk kell. <input type="submit" value="Elküld">
A tag paraméterei:
- globális attribútumok
- formaction
- formenctype
- formmethod
- formnovalidate
- formtarget
PéldaMagyarázatAz űrlapnál most két submit gombot is elhelyeztünk. A másodiknál felülbíráltuk az űrlapnál megadott action és method paramétereket a formaction és formmethod paraméterekkel.
<input type="reset"> –Űrlap alaphelyzetbe állítása
Mire használjuk?
Az űrlap kiinduló helyzetbe állítására szolgál. Megnyomásakor az összes űrlapelem felveszi az alapértelmezett értékét. Ha a gombon megjelenő szöveget is be akarjuk állítani, akkor a value paramétert is használnunk kell. <input type="reset" value="Alaphelyzet">
A tag paraméterei:
<input type="hidden"> – Rejtett mező
Mire használjuk?
Arra is van módunk, hogy olyan űrlapmezőt helyezzünk el, amely nem jelenik meg a képernyőn, de a benne lévő adatok továbbítódnak a szerver felé. Ezzel például paramétereket adhatunk át az űrlapot feldolgozó programnak, például, hogy milyen e-mail címre továbbítsa az adatokat.
A tag paraméterei:
PéldaMagyarázatEbben a példában nincs látható űrlapmező, csak egy rejtett űrlapmező. Ha elküldjük az űrlapot, láthatjuk a levél törzséből hogy milyen nevű és értékű volt a rejtett mezőnk.
<input type="button"> – Általános gomb létrehozása
Mire használjuk?
Ezzel a lehetőséggel általános célú nyomógombokat hozzunk létre.
A tag paraméterei: globális attribútumok
PéldaForráskód<input type="button" value="Vissza" name="vissza" onclick="javascript:history.back()">
MagyarázatEgy általános nyomógombot hoztunk létre, amelyre ha rákattintunk, akkor a látogatott oldalak közül a legutolsóra kerülnénk, hála az onclick eseményben megadott JavaScript-függvénynek.
<meter> – Mérési eredmény kijelzése
Mire használjuk?
A <meter> tag valamilyen mérési eredmény kijelzésére szolgáló elem. Egy ismert tartományon belüli skalár érték megmutatására lehet alkalmas.
A tag paraméterei:
- globális attribútumok
- value: az aktuális érték beállítására szolgál.
- min: az intervallum minimum értéke.
- max: az intervallum maximum értéke.
- low: az alacsony tartomány megadására szolgál.
- high: a magas tartomány megadására szolgál.
- optimum: az optimális tartományt adhatjuk meg.
A következő szabályoknak teljesülniük kell:
- minimum érték ≤ aktuális érték ≤ maximum érték
- minimum érték ≤ low értéke ≤ maximum értéke (ha a low értéke meg lett adva)
- minimum érték ≤ high értéke ≤ maximum értéke (ha a high értéke meg lett adva)
- minimum érték ≤ optimum érték ≤ maximum érték (ha az optimum értéke meg lett adva)
- low értéke ≤ high értéke (ha mindkettő érték meg van adva)
PéldaMagyarázatHárom kijelzőt készítettünk, mindegyiknél 0 a minimum és 10 a maximum érték. Az alacsony (low) értéket háromban határoztuk meg, míg a magas értéket hétben. Mivel nem lehetne tudni, hogy ennél a tulajdonságnál a nagyobb érték az optimális, vagy a kisebb, az optimum paramétert is megadtuk. Az optimum érték most a 8-as értéktől kezdődik.
<progress> – Folyamat állapotának jelzésére
Mire használjuk?
A <progress> tag egy folyamat állapotának jelzésére alkalmas.
A tag paraméterei:
- globális attribútumok
- value: az aktuális érték beállítására szolgál. Értéke lehet egész és törtszám is.
- max: az elérhető maximális érték.
PéldaMagyarázatHárom <progress> mezőt helyeztünk el. Mindegyiknek 1 a maximális értéke. Az aktuális értéket 0,3-ra, 0,6-ra és 1-re állítottuk be.
Vissza a tartalomjegyzékhez