为什么TAB键不移动焦点到下一个文本字段

Question

我有两个领域，即手机号码和密码

当关注的是手机号码的文本字段，当用户按下标签关键的焦点是不移动到密码字段??

这是我的HTML页面

<div class="createAccountWrap"> 
    <div class="row-fluid"> 
     <label class="fieldLabel">Mobile Number</label> 
     <div class="insideInput"><input type="tel" placeholder="Mobile Number" maxlength="10" autocomplete="off" id="vmobilenum" name="vmobilenum" onkeypress="return isNumberKey(event)" required><a href="#" class=""></a></div> 
    </div> 
    <div class="row-fluid"> 
     <label class="fieldLabel">Password</label> 
     <div class="insideInput"><input type="password" placeholder="Password" autocomplete="off" id="vpwdcode" name="vpwdcode" onkeypress="return nospecialCharacters(event)" required><a href="#" class=""></a></div> 
    </div> 
</div> 

能否请你告诉我，为什么它不工作？

http://jsfiddle.net/Us8uc/4371/

Answer 1

如果您需要这些空锚不是使用tabindex属性您input元素

<input tabindex="1" ... 

http://jsfiddle.net/Us8uc/4372/

否则删除空锚。 a元素也是可以关注的元素。

Answer 2

尝试这种使用 “的tabindex”

<div class="createAccountWrap"> 
    <div class="row-fluid"> 
     <label class="fieldLabel">Mobile Number</label> 
     <div class="insideInput"><input tabindex="1" type="tel" placeholder="Mobile Number" maxlength="10" autocomplete="off" id="vmobilenum" name="vmobilenum" onkeypress="return isNumberKey(event)" required><a href="#" class=""></a></div> 
    </div> 
    <div class="row-fluid"> 
     <label class="fieldLabel">Password</label> 
     <div class="insideInput"><input tabindex="2" type="password" placeholder="Password" autocomplete="off" id="vpwdcode" name="vpwdcode" onkeypress="return nospecialCharacters(event)" required><a href="#" class=""></a></div> 
    </div> 
</div>