お世話になります。
プログラミング初心者です。
ModelFormを使い、formに記入されたデータを取得したいのですが、
普段はhtmlに
{%csrf_token%}
{{form.as_p}}
と書いて、formviewに記入したデータを送っているのですが、
今回はBootstrapのLayout(Bootstrap5 Forms-Layout-Gutters)とcssをそのままコピペして、
綺麗なformにしようとしております。
ですが、普段はform.as_pのように省略して書いているため、
コピペしてきたbootstrapのテンプレートのどのへんを変更すれば、普段と同じように、記入したデータを取得することができるでしょうか?
該当するソースコード(forms.pyの内容)
forms.pyの内容
class RegistForm(forms.ModelForm): username = forms.CharField(label='名前') grades= forms.ChoiceField(label='学年', choices=( (1,"学部1年生"), (2,"学部2年生"), (3,"学部3年生"), (4,"学部4年生"), (5,"院1年生"), (6,"院2年生") )) students_num = forms.CharField(label='学籍番号') email = forms.EmailField(label='メールアドレス') password = forms.CharField(label='パスワード',widget=forms.PasswordInput()) confirm_password = forms.CharField(label='パスワード再入力',widget=forms.PasswordInput()) class Meta: model = Users fields =['username','grades','students_num','email','password','confirm_password']
該当するソースコード(Bootstrap5の内容)
<form class="row g-3"> <div class="col-md-6"> <label for="inputEmail4" class="form-label">Email</label> <input type="email" class="form-control" id="inputEmail4"> </div> <div class="col-md-6"> <label for="inputPassword4" class="form-label">Password</label> <input type="password" class="form-control" id="inputPassword4"> </div> <div class="col-12"> <label for="inputAddress" class="form-label">Address</label> <input type="text" class="form-control" id="inputAddress" placeholder="1234 Main St"> </div> <div class="col-12"> <label for="inputAddress2" class="form-label">Address 2</label> <input type="text" class="form-control" id="inputAddress2" placeholder="Apartment, studio, or floor"> </div> <div class="col-md-6"> <label for="inputCity" class="form-label">City</label> <input type="text" class="form-control" id="inputCity"> </div> <div class="col-md-4"> <label for="inputState" class="form-label">State</label> <select id="inputState" class="form-select"> <option selected>Choose...</option> <option>...</option> </select> </div> <div class="col-md-2"> <label for="inputZip" class="form-label">Zip</label> <input type="text" class="form-control" id="inputZip"> </div> <div class="col-12"> <div class="form-check"> <input class="form-check-input" type="checkbox" id="gridCheck"> <label class="form-check-label" for="gridCheck"> Check me out </label> </div> </div> <div class="col-12"> <button type="submit" class="btn btn-primary">Sign in</button> </div> </form>
あなたの回答
tips
プレビュー