SELFHTML/Quickbar  HTML  Formulare


Tabulator-Reihenfolge, Tastaturkürzel und Ausgrauen

Diese Seite ist ein Dokument mit Informationstext

 Tabulator-Reihenfolge
 Tastaturkürzel
 Elemente ausgrauen

 

HTML4.0 Tabulator-Reihenfolge

Beispiel Anzeigebeispiel: So sieht's aus

Modernere Browser (Netscape, MS Internet Explorer) erlauben es, mit Hilfe der Tabulator-Taste an der Tastatur nacheinander die Elemente eines Formulars anzuspringen.

Normalerweise werden die Formularelemente dabei in der Reihenfolge angesprungen, in der sie in der Datei definiert sind. Sie können in HTML jedoch eine andere Reihenfolge festlegen.

Die veränderte Tab-Reihenfolge funktioniert mit dem MS Internet Explorer 4.x - Netscape 4.x kennt diese Angaben noch nicht.

Beispiel:

Feld 1: <input type=text size=40 maxlength=40 tabindex=4><br>
Feld 2: <input type=text size=40 maxlength=40 tabindex=1><br>
Feld 3: <input type=text size=40 maxlength=40 tabindex=3><br>
<input type=button  tabindex=2 value="Klick mich"><br>

Erläuterung:

Mit dem Attribut tabindex= im einleitenden Tag von einem der Formular-Tags <input>, <textarea>, <select> oder <button> können Sie Angaben zur Tabulatorreihenfolge machen. Notieren Sie die Angabe in allen entsprechenden Tags des Formulars und vergeben Sie bei jeder Angabe eine Zahl. Beim Anspringen der Formularelemente mit der Tabulator-Taste wird zuerst das Formularelement mit der niedrigsten Tabindex-Nummer angesprungen, danach dasjenige mit der zweitniedrigsten usw. und als letztes dasjenige mit der höchsten Tabindex-Nummer. Im obigen Beispiel wird also zuerst Feld 2 angesprungen, dann der Button am Ende, dann Feld 3 und zuletzt Feld 1.

Es sind Zahlen zwischen 0 und 32767 erlaubt.

Beachten Sie:

Die Tabindizes beziehen sich stets auf die gesamte angezeigte Datei. Dabei werden auch  Verweise,  Verweisbereiche in verweis-sensitiven Grafiken und  Objekte mit einbezogen. Wenn Sie solche Elemente neben dem Formular auch noch in Ihrer Datei haben, sollten Sie die Tabulator-Reihenfolge für alle Elemente gemeinsam festlegen. Siehe auch  Tabulator-Reihenfolge bei Verweisen.

 

HTML4.0 Tastaturkürzel

Beispiel Anzeigebeispiel: So sieht's aus

Sie können dem Anwender anbieten, mit einem Tastendruck zu einem bestimmten Formularelement zu springen. Das Element wird damit angesprungen - "ausgeführt", also zum Beispiel angeklickt oder angekreuzt - wird es dadurch nicht.

Diese Angaben werden von Netscape und dem MS Internet Explorer in den 4er-Versionen noch nicht interpretiert.

Beispiel:

<input type=button  accesskey="k" value="Klick mich"><br>

Mit dem Attribut accesskey= können Sie ein Zeichen auf der Tastatur bestimmen, das der Anwender drücken kann, um ein Formularelement direkt anzuspringen (accesskey = Zugriffstaste). Im Beispiel wird auf diese Weise für einen Button ein kleines k definiert. Der Anwender kann durch Drücken der entsprechenden Taste auf der Tastatur direkt diesen Button anspringen.

Erlaubt ist das Attribut accesskey= in den Formular-Tags <input>, <textarea>, <select>, <label>, <legend> oder <button>.

Beachten Sie:

Benutzen Sie Tasten, die auf jeder Tastatur zu finden sind. Funktionstasten etwa, wie es sie auf MF-II-Tastaturen für MS Windows gibt, können Sie mit dieser Angabe auch gar nicht ansprechen.

Weisen Sie den Anwender im Text auf die Möglichkeit des Tastaturzugriffs hin. Benutzen Sie dann auch einheitliche Access Keys, beispielsweise auf jeder Seite ein k für den "Klick-Button".

 

HTML4.0 Elemente ausgrauen

Beispiel Anzeigebeispiel: So sieht's aus

Sie können Elemente ausgrauen, um zu signalisieren, daß das Element im aktuellen Zusammenhang ohne Bedeutung ist. Ausgegraute Elemente werden auch bei Tabulator-Sprüngen übergangen.

Sinnvoll ist diese Angabe allerdings vor allem als HTML-Grundlage für Scriptsprachen, die Elemente je nach Eingaben oder Auswahl in anderen Elementen dynamisch ausgrauen. So wäre es beispielsweise sinnvoll, Angaben zum Typ des gefahrenen Autos dynamisch auszugrauen, wenn der Anwender ankreuzt, daß er gar kein Auto besitzt. Als statische Angabe macht das Ausgrauen von Elementen dagegen wohl selten Sinn, denn Formularelemente, die man definiert, definiert man schließlich aus gutem Grund.

Netscape und der MS Internet Explorer interpretieren in ihren 4er-Versionen noch keine ausgegrauten Elemente.

Beispiel:

<input type=text size=50 disabled>

Erläuterung:

Mit dem Attribut disabled grauen Sie ein Element aus. Erlaubt ist das Attribut in den Formular-Tags <input>, <textarea>, <select>, <option>, <optgroup> oder <button>.


 
weiter: Buttons zum Absenden oder Abbrechen
zurück: Formularelemente gruppieren und auszeichnen
 

SELFHTML/Quickbar  HTML  Formulare

© 1998  Stefan Münz, muenz@csi.com