Webszerkesztés és HTML programozás - inter-studium.hu

Vinnai Zoltán: HTML
25.5.2. Nyomógombok
Nyomógombokat is az utasítással helyezhetünk el az űrlapon.
Háromféleképpen lehet nyomógombot megjeleníteni, ahol az eredmény azonos, de a
viselkedés különböző. A lehetősségek:
• submit -
• reset -
• button -
Az eltérés a type attribútum értékében van, minden más azonos. A value paraméter
értéke határozza meg, hogy milyen szöveg jelenjen meg a nyomógombon. A button tipusú
nyomógomb esetén szükség van más paraméterre (pl.: onClick) és JavaScript-re is, ha
ténylegesen használni szeretnénk.
A submit típusú nyomógomb szerepe az űrlap véglegesítése és elküldése. Ha a
felhasználó egy ilyen típusú nyomógombra kattint, akkor a teljes űrlap adatai továbbküldésre
kerülnek a method paraméterében meghatározott oldalnak. Ezért egy űrlapon
legalább egy ilyen nyomógomb szokott lenni.
A reset típus, az űrlap alaphelyzetbe állítását végzi, vagyis, ha a felhasználó egy ilyen
típusú nyomógombra kattint, akkor a már kitöltött értékek törlésre kerülnek, és visszaáll az
alapértelmezett tartalom. Egy űrlapon legalább egy ilyen elemet is illik elhelyezni.
A button típusú nyomógombnak nincs funkciója, vagyis alaphelyzetben semmi se
történik, ha a felhasználó rákkattint. Nekünk kell funkciót hozzárendelni JavaScript kód
segítségével. Ehhez rendszerint az elem onClick attribútumát használják. Az
onClick értékeként egy JavaScript eljárás nevét adhatjuk meg, ami bármilyen tevékenységet
elvégezhet. Többnyire adatellenőrzésre használják, hogy minden elem ki van-e töltve és a
kitöltött értékek megfelelnek-e az elvárásoknak.
A következő példa mindhárom nyomógombtípus használatát és működését bemutatja:
91