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

前端之家收集整理的这篇文章主要介绍了html – 提交按钮没有集中,即使tabindex被正确设置前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我已经为表单中的输入字段定义了制表符索引.当提交输入字段时,提交按钮永远不会得到焦点,页面上不同形式的其他一些输入字段将获得焦点.那些都有标签索引高于3.如何来?
  1. <form action="subscription.PHP" name="subscribe" method="post" onsubmit="return isValidEmailAndEqual()">
  2. <p id="formlabel">E-mail</p> <input type="text" name="email1" tabindex=1>
  3.  
  4. <br/>
  5. <p id="formlabel">Repeat e-mail</p> <input type="text" name="email2" tabindex=2> <br/>
  6. <input id="inputsubmit" type="submit" value="Subscribe" tabindex=3>
  7. </form>

CSS:

  1. input {
  2. background-color : #333;
  3. border: 1px solid #EEE;
  4. color: #EEE;
  5. margin-bottom: 6px;
  6. margin-top: 4px;
  7. padding: 1px;
  8. width : 200px;
  9. }
  10.  
  11. #inputsubmit {
  12. background-color : #d7e6f1;
  13. border: 1px solid #EEE;
  14. color: #0000ff;
  15. margin-bottom: 6px;
  16. margin-top: 4px;
  17. padding: 1px;
  18. width : 200px;
  19. }
  20.  
  21. #inputsubmit:hover {
  22. cursor: pointer; cursor: hand;
  23. background-color : #d7e6f1;
  24. border: 1px solid #0000ff;
  25. color: #0000ff;
  26. margin-bottom: 6px;
  27. margin-top: 4px;
  28. padding: 1px;
  29. width : 200px;
  30. }
  31.  
  32. p#formlabel{
  33. width: 100;
  34. }

解决方法

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

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

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

猜你在找的HTML相关文章