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 Forms-Layout-Gutters
<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>わからないこと
普段はhtmlに
<form method="post"> {%csrf_token%} {{form.as_p}} </form> と書いて、formviewに記入したデータを送っているのですが、 今回はBootstrapのLayoutを使って綺麗にしたいです。 **bootstrap**のどのへんを変更すれば、普段と同じように、記入したデータを送ることができるでしょうか?どうぞよろしくお願い申し上げます。
あなたの回答
tips
プレビュー