Question

在div中我有一个输入字段和链接，然后我有另一个输入字段所以默认情况下，从输入字段1按下选项卡焦点转到链接。但我想跳过关注按下标签的链接，i，e，如果我按下标签焦点应该在输入字段2中的输入字段。

有没有html的做法。我不想要javaScipt / jQuery

     <!DOCTYPE html>
    <html>
    <head>
      <meta charset="utf-8">
      <title>Tab demo</title>
    </head>
    <body>
      <div>
          <input type="text" name ="name1" value ="">
          <div>
             <a href="#edit-seals">Add name</a>
        </div> 
         <input type="text" name ="name2" value ="">
      </div> 
    </body>
    </html>

参考Link here

Answer 1

这应该使用tabindex =＆＃34; -1＆＃34;来解决它。 W3C HTML5 specification

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Tab demo</title>
    </head>
    <body>
        <div>
            <input type="text" name ="name1" value ="">
            <div>
                <a href="#edit-seals" tabindex="-1">Add name</a>
            </div> 
            <input type="text" name ="name2" value ="">
        </div> 
    </body>
</html>

Answer 2

尝试添加属性

的tabindex

<input type="text" name ="name1" value =""  tabindex="1"  >
<input type="text" name ="name2" value =""  tabindex="2" >

如果这样可以工作你甚至可以在输入之间跳转选项卡的html顺序操作：）

Example here :)

Tap应该跳过html中的一个字段

2 个答案: