Question

我正在尝试将tabindex合并到我的表单上，以便用户不使用鼠标。问题是我正在使用Twig（http://www.twig-project.org/）来创建页面的表单模板。如何设置树枝生成的表单输入元素的属性？

              <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'} }) }}

在树枝生成的表格上使用tabindex

1 个答案: