Q&Adjangoにてlogin機能を作成しています。そこで、デザインは完成しているのですがfromを表示させるとうまく表示できません。機能自体はうまく動いてくれいています。
signupは同様のやり方でうまくできています。
おそらくtemplate側ではなくform側の問題なのかなと思うのですが、どうしたらいいか行き詰まってしまっています。
どなたかわかる方いませんか？
html
1<!doctype html> 2{% extends "base.html" %} 3{% load static %} 4{% load bootstrap4 %} 5 6{% block content %} 7 8 9 <title>pairnite(仮称)</title> 10 </head> 11 <body> 12 <section class="min-vh-100 d-flex bg-primary align-items-center"> 13 <div class="container"> 14 <div class="row justify-content-center"> 15 <div class="col-12 col-md-8 col-lg-6 justify-content-center"> 16 <div class="card bg-primary shadow-soft border-light p-4"> 17 <div class="card-header text-center pb-0"> 18 <h2 class="mb-0 h5"> 19 {% if form.errors %} 20 {{ form.errors }} 21 {% else %} 22 ログイン 23 {% endif %} 24 </h2> 25 </div> 26 <div class="card-body"> 27 <form action="" method="POST"> 28 {% csrf_token %} 29 <!-- Form --> 30 <div class="form-group"> 31 <label for="exampleInputIcon4">メールアドレス</label> 32 <div class="input-group mb-4"> 33 <div class="input-group-prepend"> 34 <span class="input-group-text"><span class="fas fa-envelope"></span></span> 35 </div> 36 {{ form.username }} 37 </div> 38 </div> 39 <!-- End of Form --> 40 <div class="form-group"> 41 <!-- Form --> 42 <div class="form-group"> 43 <label for="exampleInputPassword7">パスワード</label> 44 <div class="input-group mb-4"> 45 <div class="input-group-prepend"> 46 <span class="input-group-text"><span class="fas fa-unlock-alt"></span></span> 47 </div> 48 {{ form.password }} 49 </div> 50 </div> 51 </div> 52 <button type="submit" class="btn btn-block btn-primary">ログイン</button> 53 </form> 54 </div> 55 </div> 56 </div> 57 </div> 58 </div> 59 </section> 60 61{% endblock %}
forms.py
1class LoginForm(AuthenticationForm): 2 """ログインフォーム""" 3 4 def __init__(self, *args, **kwargs): 5 super().__init__(*args, **kwargs) 6 for field in self.fields.values(): 7 field.widget.attrs['class'] = 'form-control' 8 field.widget.attrs['placeholder'] = field.label
view
1class Login(LoginView): 2 """ログインページ""" 3 4 model = User 5 form = LoginForm 6 template_name = 'users/login.html'
回答1件
0
自己解決
classに'form-control'が付与されていませんでした。
django-widget-tweaksにて無理やりhtml側でクラス付与したところ、いけました。
投稿2020/07/01 01:07
総合スコア11
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。