前提
djangoでの画面作成です
サーバー等は動きます
実現したいこと
formsの記述を反映させたいです
- ▲▲機能を動作するようにする
発生している問題・エラーメッセージ
エラー等は確認されません
該当のソースコード
urls.py
1from django.urls import path 2 3from . import views 4 5 6app_name = 'kouka1' 7urlpatterns = [ 8 path('', views.InquiryView.as_view(), name="kouka1"), 9] 10
views.py
1from .forms import InquiryForm 2from django.shortcuts import render 3 4# Create your views here. 5from django.views import generic 6from django.urls import reverse_lazy 7 8 9class InquiryView(generic.TemplateView): 10 template_name = "kouka1.html" 11 form_classs = InquiryForm 12 success_url = reverse_lazy('kouka1:kouka1')
forms.py
1from django import forms 2 3 4class InquiryForm(forms.Form): 5 name = forms.CharField(label='名前', max_length=30) 6 age = forms.IntegerField(label='年齢') 7 tell = forms.CharField(label='電話番号', max_length=11) 8 email = forms.EmailField(label='メール') 9 address= forms.CharField(label='住所', max_length=100) 10 def __init__(self, *args, **kwargs): 11 super().__init__(*args, **kwargs) 12 13 self.fields['name'].widget.attrs['class'] = 'form-control' 14 self.fields['name'].widget.attrs['placeholder'] = '名前を入力。' 15 16 self.fields['age'].widget.attrs['class'] = 'form-control' 17 self.fields['age'].widget.attrs['placeholder'] = '年齢を入力' 18 19 self.fields['tell'].widget.attrs['class'] = 'form-control' 20 self.fields['tell'].widget.attrs['placeholder'] = '電話番号を入力' 21 22 self.fields['email'].widget.attrs['class'] = 'form-control' 23 self.fields['email'].widget.attrs['placeholder'] = 'メールアドレスを入力' 24 25 self.fields['address'].widget.attrs['class'] = 'form-control' 26 self.fields['address'].widget.attrs['placeholder'] = '住所'
kouka1.html
1{% extends 'base.html' %} 2 3{% block title %}お問い合わせ | Private Diary{% endblock %} 4 5{% block active_inquiry %}active{% endblock %} 6 7{% block contents %} 8<div class="container"> 9 <div class="row"> 10 <div class="my-div-style"> 11 <form method="post"> 12 {% csrf_token %} 13 14 {{ form.non_field_errors }} 15 16 {% for field in form %} 17 <div class="form-group row"> 18 <label for="{{ field.id_for_label }}" class="col-sm-4 col-form-label"> 19 <strong>{{ field.label_tag }}</strong> 20 </label> 21 <div class="col-sm-8"> 22 {{ field }} 23 {{ field.errors }} 24 </div> 25 </div> 26 {% endfor %} 27 28 <div class="offset-sm-4 col-sm-8"> 29 <button class="btn btn-primary" type="submit">送信</button> 30 </div> 31 </form> 32 </div> 33 </div> 34</div> 35{% endblock %} 36
試したこと
ここに問題に対して試したことを記載してください。
補足情報(FW/ツールのバージョンなど)
ここにより詳細な情報を記載してください。

回答1件
あなたの回答
tips
プレビュー
下記のような回答は推奨されていません。
このような回答には修正を依頼しましょう。
また依頼した内容が修正された場合は、修正依頼を取り消すようにしましょう。