Django处理bootstrap形式

时间:2014-08-01 20:26:26

标签: python django twitter-bootstrap django-forms

我有这样的表格:

<form class="form-signin" role="form" method="POST" action="{% url     'django.contrib.auth.views.login' %}">
    {% csrf_token %}
    <input type="text" class="form-control" placeholder="Usuario" required autofocus>
    <input type="password" class="form-control" placeholder="Password" required>
    <button class="btn btn-lg btn-primary btn-block" type="submit">
      Sign in
    </button>
    <input type="hidden" name="next" value="{{ next }}" />
    <label class="checkbox pull-left">
    <input type="checkbox" value="remember-me">
    Remember me
    </label>

</form>

它有引导类。我以前有这种形式:

<form class="form-signin" role="form" method="POST" action="{% url 'django.contrib.auth.views.login' %}">
    {% csrf_token %}
    <table>
      <tr>
        <td>{{ form.username.label_tag }}</td>
        <td>{{ form.username }}</td>
      </tr>
      <tr>
        <td>{{ form.password.label_tag }}</td>
        <td>{{ form.password }}</td>
      </tr>
    </table>

    <input type="hidden" name="next" value="{{ next }}" />
    <button class="btn btn-lg btn-primary btn-block" type="submit">Sign in</button>

  </form>

但我真的很丑,所以我改变了它。问题是,在新的形式我不知道如何实现django的身份验证,就像我曾经在丑陋的表单版本中做的那样(这个工作正常,我曾经写过用户的用户名和密码保存在django的auth_table中并且它没有问题地登录)

但现在有了更漂亮的版本,我不知道该怎么做。我环顾四周,但没有任何帮助。

任何建议都会非常感激。感谢

修改

我在我的网址中使用此视图:

url(r'^login/$', 'django.contrib.auth.views.login',{'template_name':'login.html'}, name = 'login'),

这就是我以丑陋的方式呈现表单的原因

1 个答案:

答案 0 :(得分:1)

您可以自定义表单的字段:

添加像类,占位符(所有html attrs)

的attrs
class LoginForm(forms.Form):
    username = forms.CharField(max_length=30,widget=forms.TextInput().attrs={'class': 'form-control','placeholder':'Usuario' })
    password=forms.CharField(max_length=30,widget=forms.PasswordInput().attrs={'class': 'form-control','placeholder':'Password' })