HTMLでテキストボックスを修飾する時とかってありますよね
default.css
.collor{
backgroundcolor:red
}
welcome.html
<input type="text" class="color">
こんな感じでクラスで就職したりするんですが、
DjangoでCSSの修飾ってどう書くの？というメモ
Formを使ってCSSを修飾
これをDjangoのFormクラスに使うとするとこんな感じになるみたいです。
Form.py
class Form(forms.Form):
username = forms.CharField(max_length=200)
password = forms.CharField(widget=forms.PasswordInput(), max_length=200)
# コンストラクタ
def __init__(self):
super().__init__()
#ユーザー名をCSSで就職
self.fields['username'].widget.attrs["class"] = "inputtext withicon icon_user"
self.fields['username'].widget.attrs["placeholder"] = "Username"
#パスワードをCSSで就職
self.fields['password'].widget.attrs["class"] = "inputtext withicon"
self.fields['password'].widget.attrs["placeholder"] = "Password"
welcome.html<form action="{% url 'login' %}" method="post" enctype="multipart/form-data">
{% csrf_token %}
<div>
<span id="Label_Username">なんとかテキストボックス</span>
{{ form.username }}
</span>
</div>
<div>
<span id="Label_Password">なんとかパスワード</span>
{{ form.password}}
</span>
</div>
<\form>
コンストラクタにself.fields[].widget.attrs[]とすると、
そのタグに属性を付けることが出来るみたいなので、こんな感じでクラスを指定するといい感じになると思います。
↧