Übermittlungsschaltfläche nicht fokussiert, obwohl Tabindex richtig festgelegt ist

Question

Ich habe Registerindex für die Eingabefelder in einem Formular definiert. Beim Durchblättern der Eingabefelder erhält der Submit-Button niemals den Fokus, einige andere Eingabefelder in einer anderen Form auf der Seite bekommen den Fokus. Jene haben Registerindizes höher als 3. Wie kommt es?

<form action="subscription.php" name="subscribe" method="post" onsubmit="return isValidEmailAndEqual()"> 
<p id="formlabel">E-mail</p> <input type="text" name="email1" tabindex=1> 

<br/> 
<p id="formlabel">Repeat e-mail</p> <input type="text" name="email2" tabindex=2> <br/> 
<input id="inputsubmit" type="submit" value="Subscribe" tabindex=3> 
</form> 

CSS:

input { 
    background-color : #333; 
    border: 1px solid #EEE; 
    color: #EEE; 
    margin-bottom: 6px; 
    margin-top: 4px; 
    padding: 1px; 
    width : 200px; 
} 

#inputsubmit { 
    background-color : #d7e6f1; 
    border: 1px solid #EEE; 
    color: #0000ff; 
    margin-bottom: 6px; 
    margin-top: 4px; 
    padding: 1px; 
    width : 200px; 
} 

#inputsubmit:hover { 
    cursor: pointer; cursor: hand; 
    background-color : #d7e6f1; 
    border: 1px solid #0000ff; 
    color: #0000ff; 
    margin-bottom: 6px; 
    margin-top: 4px; 
    padding: 1px; 
    width : 200px; 
} 

p#formlabel{ 
    width: 100; 
} 

Answer 1

Es ist ein Mac "Feature", um nur Tab Gedanken Eingabefelder und Listen standardmäßig zu lassen. Tabbing durch alle Kontrollen ist eine erweiterte Option:

http://support.mozilla.com/en-US/kb/Pressing+Tab+key+does+not+select+menus+or+buttons

Firefox auf Mac kopiert diese Standard-OS Verhalten.

Answer 2

Sie müssen Registerkarte Indizes nicht definieren, könnte man sie auch geben - es sei denn, Sie die natürliche Ordnung der sie ändern möchten, wenn sie von sortiert bekommen ihre Schöpfung. Versuchen Sie, sie ganz herauszunehmen und zu sehen, ob es mehr nach Ihrem Geschmack funktioniert.

Answer 3

Ok, mal sehen. Ich habe oben Code in Firefox (Mac, Windows), Safari (Mac) und IE (Windows) versucht. Hier sind meine Ergebnisse:

Bei der Verwendung von

<button name="thename" type="submit">Subscribe</button> 

oder

<input id=\"inputsubmit\" type=\"submit\" value=\"Subscribe\"> 

für Absenden des Formulars (gleiches Ergebnis):

• FF (Win) - Wenn der Tabulatortaste, die Fokus drückt die Taste
• FF (Mac) - Beim Tab-Modus ist der Fokus nicht den Knopf drücken.
• Safari (Mac) - Beim Tabulator wird der Fokus nicht auf die Schaltfläche gesetzt.
• IE (Win) - Wenn Sie die Tabulatortaste drücken, scheint die Taste ständig in einem bestimmten Fokus zu sein und die Taste hat einen zusätzlichen Fokus, wenn Sie auf i tippen.
• Für alle, wenn ein Element innerhalb des Formulars den Fokus hat, ist es möglich, nur die Eingabetaste zu drücken, um auf die Schaltfläche "Senden" zu klicken.

Ich denke, der Schluss so sein muss:

1. Verschiedene Browser anders verhalten. Selbst derselbe Browser verhält sich auf verschiedenen Betriebssystemen (FF) anders.

2. Das Standardverhalten eines Formulars besteht darin, dass durch das Drücken der Eingabetaste das Formular mit der ersten Übergabeschaltfläche im Formular gesendet wird.

3. Ich denke, es ist schade, dass der Fokus nicht auf den Knopf beim Tabbing trifft, weil ich denke, dass ziemlich viele Benutzer den Fokus auf den Gegenstand erwarten, bevor er eintritt.

Oder was sagst du ...?

Answer 4

Dies ist ein Mac OS X Problem.Ihr Mac ist möglicherweise so konfiguriert, dass Sie nicht zu Nicht-Textfeld-Elementen (z. B. Schaltflächen) wechseln können. Sie können dies ändern, indem Sie in die Systemeinstellungen für die Tastatur gehen. Klicken Sie dann auf den Shorcut Tab und schauen Sie sich den unteren Rand an und wählen Sie die Option, um den Fokus auf alle Steuerelemente zu setzen. Sie sollten jetzt in der Lage sein, sich auf die Schaltflächen in Safari und Firefox zusätzlich zu allen Schaltflächen in Mac OS zu konzentrieren.

Um die Einstellung auf Ihrem Mac schnell zu ändern, drücken Sie STRG + F7 (oder wenn Sie eine Mac-Tastatur verwenden, halten Sie die Funktionstaste gedrückt und drücken Sie STRG + F7).