• 
• 
• 
• 
• 
• 
• 
• 1

Eingabefelder mit Hot-Key

Verwendung

Wer kennt sie nicht, die Hot-Keys, sprich Tastenkombinationen, die direkt zur Ausführung bestimmter Funktionen führen. Auch HTML stellt diese Tastenkombination zur Verfügung, was sich vor allem beim Einsatz von Formularen ausnutzen lässt. Im vorliegenden Beispiel können zwei Eingabefelder vom Nutzer bearbeitet werden. Dass N sowie das V sind hervorgehoben, mit der Tastenkombination ALT-N bzw. ALT-V kann zwischen den Feldern „ gewechselt “werden. Um die Hot-Keys verfügbar zu machen, muss zunächst ein Label gesetzt werden. Dieses Label wird anschließend mit dem gewünschten Hot-Key versehen, z.B. N für Name. Abschließend muss das Feld, das beim Auslösen der Tastenkombination aktiviert werden soll, mit dem gleichen Label versehen werden.

XHTML 1.0 Kombatibel (BODY-Bereich)

1. <table width="100%" cellpadding="5" cellspacing="0" border="0">
2. <tr>
3. <td><p>
4. <LABEL FOR="id_name" ACCESSKEY="N"> <b><u>N</u></b>ame</LABEL>
6. </p></td>
7. <td><input id="id_name" type="text" name="name" size="30">
8. </td>
9. </tr>
10. <tr>
11. <td><p>
12. <LABEL FOR="id_vorname" ACCESSKEY="V"> <b><u>V</u></b>orname</LABEL>
14. </p></td>
15. <td><input id="id_vorname" type="text" name="vorname" size="30">
16. </td>
17. </tr>
18. </table>

• Eingabe_felder_und_HotKey.zip

Caroline und Matthias Kannengiesser

keine Tags

Rella 24.08.2010
um 17:49 Uhr Danke, man lernt doch immer noch dazu #zitieren