django - 如何在表单字段上设置 tabindex？

Question

如何在表单字段上设置 html 属性“tabindex”？

我的模板目前看起来像..

<div class="field text username">
   <label>Email Address</label>
   {{ form.email }}
</div>

Answer 1

选项卡索引是布局的一项功能，因此感觉它确实属于模板，而不是 View 。这是实现此目的的简单方法:

首先，定义一个custom template filter将 tabindex 属性添加到绑定(bind)字段的小部件:

@register.filter
def tabindex(value, index):
    """
    Add a tabindex attribute to the widget for a bound field.
    """
    value.field.widget.attrs['tabindex'] = index
    return value

然后，将 |tabindex:n 添加到模板中的字段。例如:

<tr>
<th>{{ form.first_name.label_tag }}<td>{{ form.first_name|tabindex:1 }}
<th>{{ form.email.label_tag }}<td>{{ form.email|tabindex:3 }}
<tr>
<th>{{ form.last_name.label_tag }}<td>{{ form.last_name|tabindex:2 }}
<th>{{ form.active.label_tag }}<td>{{ form.active|tabindex:4 }}