Newsletter

  • Immer informiert über die neusten Trends, Webseiten und Tutorials! Einfach hier für den monatlichen Newsletter anmelden.
  •  Eintragen
  •  Austragen

Login

Umfrage

  • Haben Sie Interesse an Softwaretipps für Webmaster?
  •  
  • ja
  • nein
  •  


Linktipps

Anzeige

 

www.finanzcheck.de
» 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:
  1.  style="text-decoration: underline;"

Und so werden Hot-Keys mit dem Formular verbunden:
  1.  <label for="name" accesskey="N"><strong>N</strong>ame:</label>

<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:

  1.  <input id="name" type=text />


Beispiel:

 


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

 
 


Ein schöner Effekt mit CSS:

 

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




Fragen? Probleme? Keine Antworten? Hilfe finden Sie im Webmaster Forum!

Diese Artikel könnten Sie auch interessieren:
XHTML - HTML allgemein
XHTML - Textauszeichnungen
monatlich wechselnder Link mit JavaScript
Übersichlichere Formulare
XHTML - Grafiken


 
Anzeige