BlackBeats.fm Stream
- ONAIR -
Hip Hop Musik vom feinsten

» Startseite » HTML, CSS und JavaScript Tutorials

Formulartricks

Hier findet ihr einige meiner Meinung nach sehr nützlichen Tricks für Formulare.

Hotkeys Aufgerufen werden Hot-Keys über die Kombination "ALT-Taste + Buchstabe", dabei haben Sie die freie Auswahl. Um dem Besucher anzuzeigen, welcher Hot-Key welches Feld ansteuert, unterstreichen Sie den entsprechenden Buchstaben in der Feldbeschriftung (siehe Beispiel unten) mit dem Style-Befehl:
Und so werden Hot-Keys mit dem Formular verbunden:

<label> ist gewissermassen das Etikett für die Beschriftung des Input-Feldes. Mit accesskey= wird der jeweilige Hot-Key (=Buchstabe) bestimmt. Er darf natürlich nur einmal innerhalb einer Seite vorkommen. Um die Sache in Funktion zu setzen, ist noch etwas nötig. Das Input-Feld muss mit dem Etikett verbunden werden. Dazu dient die ID. Das Input-Feld würde dann so aussehen:



Beispiel:

Name: 

Ein schöner Effekt entsteht auch bei Auswahlboxen, der zugeornete Text wird dann anklickbar:

Toll 
Toller 

Ein schöner Effekt mit CSS:

Toll 

1.  <label for="choice3" accesskey="l" style="cursor: pointer;">To<strong>l</strong>l</label>