Bouton de soumission n'est pas centrée, même si la propriété tabindex est correctement configuré

J'ai défini l'onglet index pour les champs de saisie dans un formulaire. Lors de la tabulation à travers les champs de saisie, le bouton envoyer est de ne jamais faire la mise au point, certains autres champs de saisie dans un formulaire différent sur la page obtient le focus. Ceux-ci sont tous onglet d'index supérieur à 3. Comment venir?

<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;
}
J'ai essayé ton code et il "onglets" comme il se doit. Peut-être quelque chose d'autre dans votre page interfère avec le bon onglet ordre?
Merci pour votre réponse! Eh bien, il ne fonctionne pas pour vous (avec Firefox). Pourrait-il avoir quelque chose à voir avec ma feuille de style? J'ai mis à jour ma question avec ma feuille de style. Je suis en train de faire planant au-choses, par exemple, peut-il avoir un impact?

OriginalL'auteur Nicsoft | 2010-02-25

Leave a Reply

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *