tabindex无法使用必需属性

Question

<div class="row">
            <div class="col-md-6">

                <div class="form-body">
                    <div class="form-group">
                        <label>First Name</label>
                        <div class="input-group">
                            <input type="text" tabIndex="1" name="first_name" class="form-control">
                        </div>
                    </div>
                <div class="form-group">
                    <label>Email Address</label>
                    <div class="input-group">
                        <input type="email" tabIndex="3" name="username"  class="form-control" ng-model="username" required  user-exist /><br/>  <span style="color: red" ng-show="partnerForm.username.$touched && partnerForm.username.$invalid">
                            <span ng-show="partnerForm.username.$error.required">Email is required.</span>    
                            <span ng-show="partnerForm.username.$error.email">Enter Correct Format.</span>  
                            <span ng-show="partnerForm.username.$error.userExist">User already exists.</span>
                        </span>  
                    </div>
                </div>

                </div>

            </div>
            <div class="col-md-6">

                <div class="form-body">
                    <div class="form-group">
                        <label>Last Name</label>
                        <div class="input-group">
                            <input type="text" tabIndex="2" name="last_name" class="form-control">
                        </div>
                    </div>
                </div>


            </div>
        </div>

tabindex 3没有工作。我已经通过删除所需的attr进行检查然后它正在工作。所需的属性和tabindex相互冲突。请帮我解决这个问题。或者为tabindex提供一个指令（工作）