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

前端之家收集整理的这篇文章主要介绍了html – 提交按钮没有集中,即使tabindex被正确设置前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我已经为表单中的输入字段定义了制表符索引.当提交输入字段时,提交按钮永远不会得到焦点,页面上不同形式的其他一些输入字段将获得焦点.那些都有标签索引高于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会复制此默认操作系统的行为.

原文链接:https://www.f2er.com/html/224348.html

猜你在找的HTML相关文章