Djangoでformの大きさを、CSSで調整できないときにやった事

課題

自分のプロダクトを作ってるなかで、CSSでformの大きさを調整できないという課題がありました。
「Django form 大きさ CSS できない」で検索してもすぐには見つからなかったので、解決方法を共有させていただきます。

結論

forms.Textarea()の引数に、attrsを設定する

解決する前のforms.py

forms.Textarea()の引数には、何も入ってませんでした。

解決する前forms.py

from django import forms

class TranslationForm(forms.Form):

    sentence = forms.CharField(
        label='', widget=forms.Textarea(), required=True)

解決した後のforms.py

forms.Textarea()の引数にattrsを設定し、colsとrowsの値を指定しました。

colsとrowsの意味は、以下の通りです。

キー	意味
cols	テキストエリアの入力幅
rows	テキストエリアの高さ

解決した後のforms.py

from django import forms

class TranslationForm(forms.Form):

    sentence = forms.CharField(
        label='', widget=forms.Textarea(attrs={'cols': '70', 'rows': '20'}), required=True)

参考記事にした記事

[Django]TextFieldフォームのデフォルト幅や高さを変える

最後に

「Django form 大きさ CSS できない」よりもう少し具体的に、"TextField"や"CharField"などを検索ワードに入れると出てきました。

ご参考にしていただければ幸いです！
最後までお読みいただき、ありがとうございました！