html – 提交按钮没有集中,即使tabindex被正确设置

发布时间：2020-12-14 19:31:10 所属栏目：资源来源：网络整理

导读：我已经为表单中的输入字段定义了制表符索引.当提交输入字段时,提交按钮永远不会得到焦点,页面上不同形式的其他一些输入字段将获得焦点.那些都有标签索引高于3.如何来？ form action="subscription.php" name="subscribe" method="post" onsubmit="return isV

我已经为表单中的输入字段定义了制表符索引.当提交输入字段时,提交按钮永远不会得到焦点,页面上不同形式的其他一些输入字段将获得焦点.那些都有标签索引高于3.如何来？

<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;
}

解决方法

默认情况下,这是一个Mac“功能”,只允许您选择想要的输入框和列表.通过所有控件标签是一个高级选项：

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

Mac上的Firefox会复制此默认操作系统的行为.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!