html - 在 Twig 生成的表单上使用 tabindex

Question

我正在尝试将 tabindex 合并到我的表单中，让用户可以自由地不使用鼠标。问题是我正在使用 Twig (http://www.twig-project.org/) 为页面创建表单模板。如何设置 twig 生成的表单输入元素的属性？

              <div class="LeftSide">
                <div class="Wrapper">
                  {{ form_label(mehForm.amount, "Amount") }}
                </div>
              </div>
              <div class="RightSide">
                <div class="Wrapper Tiny">
                  {{ form_widget(mehForm.amount) }}
                  <label class="ErrorContainer"></label>
                  <div class="clear"></div>
                </div>
              </div>

渲染时，{{ form_widget(mehForm.amount) }} 行将被 Twig 更改为:

<input type="text" id="meh_amount" name="meh[amount]" required="required" value="">

目标是命令 Twig 添加一个属性，即 tabindex:

<input type="text" id="meh_amount" name="meh[amount]" required="required" tabindex=1 value="">

谢谢

Answer 1

你问这个问题已经有一段时间了，但因为当我搜索类似的东西时它是谷歌上的热门网站，所以我想我会回答这个问题，这样其他人就有答案了。

因为您已经在使用 form_widget() 函数来生成小部件，您可以通过像这样设置 attr 选项来轻松地添加 tabindex:

{{ form_widget(mehForm.amount, { 'attr': {'tabindex': '1'} }) }}