我已经为表单中的输入字段定义了制表符索引.当提交输入字段时,提交按钮永远不会得到焦点,页面上不同形式的其他一些输入字段将获得焦点.那些都有标签索引高于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会复制此默认操作系统的行为.