Webseitenbau
Home
Site/Index
 
Web Webseitenbau
Google English français  
⬆4. 8. 16 Tabulator-Reihenfolge, Tastaturkürzel und Ausgrauen

4.8.16 Tabulator-Reihenfolge, Tastaturkürzel und Ausgrauen

-

1 Tabulator-Reihenfolge

Prinzip

Code tabindex="..."

Beispiel

1) Quelltext

<form action="..." method="post">
 <p>
  Feld 1: <input type="text" size="40" maxlength="40" tabindex="101"><br>
  Feld 2: <input type="text" size="40" maxlength="40" tabindex="102"><br>
  Feld 3: <input type="text" size="40" maxlength="40" tabindex="103"><br>
  <input type="button" tabindex="104" value="Klick mich">
 </p>
</form>

2) HIML-Dokument

Feld 1:
Feld 2:
Feld 3:

Websites

-

2 Tastaturkürzel

Beispiel

1) Quelltext

<form action="..." method="post">
 <p>Ein Feld mit [Alt]+f:<<br>
  <input type="text" size="40" value="Feld" accesskey="f">
 </p>
    
 <p>Ein Button mit [Alt]+b:<<br>
  <input type="button" value="knopf" accesskey="b">
 </p>

 <p>Ein Texteingabebereich mit [Alt]+t:<br>
  <textarea cols="35" rows="5" accesskey="t">Text</textarea>
 </p>
</form>

2) HIML-Dokument

Ein Feld mit [Alt]+f:

Ein Button mit [Alt]+b:

Ein Texteingabebereich mit [Alt]+t:

Websites

-

3 Ausgrauen

Websites

-

5 Grundlagen-Websites & Workshops