Использование tabindex на сгенерированных ветками формах - PullRequest
Новая
       8

Использование tabindex на сгенерированных ветками формах

1 голос
/ 04 августа 2011

Я пытаюсь включить 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="">

Спасибо

1 Ответ

4 голосов
/ 06 октября 2011

Прошло много времени с тех пор, как вы задали вопрос, но, поскольку я занимал первое место в Google, когда я искал что-то похожее, думаю, я отвечу на вопрос, чтобы у других был ответ.

Поскольку вы уже используете функцию form_widget () для генерации виджета, вы можете легко добавить tabindex, установив опцию attr следующим образом: 

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