html – 如何在Rails 4中修改rails-bootstrap-forms tabindex

我已经和Rails玩了大约一年了,我正在研究我的第一个实际投入生产的应用程序.由于这是一个更实用的应用程序,并且它不必非常华丽,我选择使用 Bootstrap CSS库来加速UI设计.

我正在使用rails-bootstrap-forms宝石,为了布局,我在不同的div中有一些文本字段.我想修改字段的tabindex,以便first_name和last_name字段在Tab键顺序中彼此相邻.有没有办法传递表单生成器这个选项？

这是HTML格式的片段：

<div class="row">
  <div class="col-sm-5">
    <%= f.text_field :first_name,label_col: "col-xs-6",control_col: "col-xs-6" %>
    <%= f.text_field :teacher,control_col: "col-xs-6" %>              
  </div>
  <div class="col-sm-5">
    <%= f.text_field :last_name,control_col: "col-xs-6" %> 
    <%= f.text_field :room,control_col: "col-xs-6" %>
  </div>
</div>

解决方法

只需将关键tabindex添加到表单助手标记.例如,

<％= f.text_field'first_name',：tabindex => 1％>