我正在尝试将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="">
谢谢
答案 0 :(得分:4)
自从你问这个问题已经有一段时间了,但是因为当我搜索类似的东西时它是谷歌的顶级网站,我想回答这个问题,以便其他人有答案。
由于您已经使用form_widget()函数生成窗口小部件,因此您可以通过设置attr选项轻松添加tabindex,如下所示:
{{ form_widget(mehForm.amount, { 'attr': {'tabindex': '1'} }) }}