H84: Egy kiválasztás-elemmel társított gomb használata műveletek elvégzésére
Alkalmazás
HTML és XHTML
Ez a technika az alábbiakra vonatkozik:
Leírás
Ennek a technikának az a célja, hogy lehetővé tegye a felhasználó számára a műveletek végrehajtásának ellenőrzését ahelyett, hogy a művelet a kiválasztás-elem egyik értékének alkalmazása során beinduló mellékhatás legyen. A felhasználó megvizsgálhatja a kiválasztás-elem különböző értékeit, vagy véletlenül kiválaszthatja a rossz értéket anélkül, hogy előidézné a kívánt műveletet. Abban az esetben, ha a felhasználó elégedett az alternatívákkal, kiválasztja a műveletnek legjobban megfelelő gombot.
Ez elsősorban azoknak a felhasználóknak fontos, akik a billentyűzeten keresztül választja ki a kiválasztás-elem értékét, mivel a kiválasztás-elemen történő keresztül történő navigálás megváltoztatja a vezérlő értékét.
Példák
1. példa: Naptár
Egy weblapon a felhasználók kiválaszthatják bármelyik év bármelyik hónapját és a lap megjeleníti nekik az adott hónap naptárát. Az év és hónap beállítása után a naptár "Megmutat" gomb megnyomása után jelenik meg. Ez a példa egy kliens oldali szkriptre válaszol a művelet végrehajtása érdekébe.
Példa kód:
<label for="month">Month:</label>
<select name="month" id="month">
<option value="1">January</option>
<option value="2"> February</option>
...
<option value="12">December</option>
</select>
<label for="year">Year:</label>
<input type="text" name="year" id="year">
<input type="button" value="Show" onclick = "...">
2. példa: Egy művelet kiválasztása
A kiválasztás eleme lehetséges műveletek listáját tartalmazza. A művelet addig nem valósul meg, amíg a felhasználó nem nyomja meg a "Végrehajtás" gombot.
Példa kód:
<form action="http://somesite.com/action" method="post">
<label for="action">Options:</label>
<select name="action" id="action">
<option value="help">Help</option>
<option value="reset">Reset</option>
<option value="submit">Submit</option>
</select>
<button type="submit" name="submit" value="submit">Do It </button>
</form>
Források
A források csak információs célokat szolgálnak, és csak angolul elérhetőek.
Kapcsolódó technikák
Ellenőrzések
Folyamat
Minden egyes kiválasztás-elemhez/gombhoz:
-
Ellenőrizze, hogy az ellenőrzés elemre helyezett fókusz (beleértve a billyentyűzet fókuszát) nem eredményez semmilyen műveletet.
-
Ellenőrizze, hogy a kiválasztott gomb a megfelelő kiválasztási értéknek megfelelő műveletet hajtja végre.
Elvárt eredmények
-
Minden fenti ellenőrzés igaz.