如何使用 Django 表单下拉菜单到我的模板?

Question

>我创建了一个表单，其中包含带有下拉列表的字段，一个用于国家/地区，另一个用于国籍 但是我不知道如何将其传递给我的HTML模板。 如何解决这个问题？ 我编写了模型并将其传递给我的 form.py 并将其用于我的模板

Models.py

class User(models.Model):
first_name = models.CharField(max_length=100)
second_name = models.CharField(max_length=100)
E_mail = models.EmailField(max_length=254)
COUNTRY_CHOICES = [('saudi arabia +966','SAUDI ARABIA +966'),
('oman +968','OMAN +968'),
('kuwait +965','KWUAIT +965'),
('Qatar +948','QATAR +948')]
country = models.CharField(max_length=250, choices=COUNTRY_CHOICES, null=True)
phone = models.IntegerField(null=True)
phone_code = models.IntegerField(null=True)
birthday = models.DateField(null=True, blank=True)
NATIONALITY_CHOICES = [('خليجي','خليجي'),
('ليس خليجي','ليس خليجي')]
nationality = models.CharField(max_length=250, choices=NATIONALITY_CHOICES, null=True)
def __str__(self):
return self.first_name

forms.py

from django import forms
from .models import User
class UserForm(forms.ModelForm):
class Meta:
model = User
fields = ('first_name', 'second_name', 'E_mail', 'country', 'phone', 'phone_code','birthday', 'nationality',)

form_page.html

<form action="{% url 'LandingPage:form_page' %}" method="POST" class="ui inverted form container">
{% csrf_token %}
<div class="field">
<label>البريد الألكتروني</label>
<input type="text" name="last-name" placeholder="[e-mail]" {{form.E_mail}}>
</div>
<div class="ui field">
<label>أختر الدولة</label>
<select name="gender" class="ui dropdown" id="select" {{form.country}}>
<option value="">أختر الدولة</option>
<option value="Saudi">Saudi Arabia +966</option>
<option value="Qatar">Qatar +974</option>
<option value="Oman">Oman +968</option>
<option value="Kuwait">Kuwait +965</option>
<option value="Bahrain">Bahrain +973</option>
</select>
</div>
<!-- Mobile Number -->
<div class="ui field">
<label>رقم الهاتف</label>
<div class="inline fields">
<div class="eight wide field">
<input type="text" placeholder="(xxx)" {{form.phone}}>
</div>
<div class="three wide field" {{form.phone_code}}>
<input type="text" placeholder="الكود">
</div>
</div>
</div>
<!-- Nationalety -->
<div class="ui field">
<label>الجنسية</label>
<select name="gender" class="ui dropdown" id="select" {{form.nationality}}>
<option value="">الجنسية</option>
<option value="خليجي">خليجي</option>
<option value="ليس خليجي">ليس خليجي</option>
</select>
</div>
<button class="ui fluid positive button" type="submit">Submit</button>
</form>

Answer 1

试试这个：

<form action="{% url 'LandingPage:form_page' %}" method="POST" class="ui inverted form container">
{% csrf_token %}
<div class="field">
<label>البريد الألكتروني</label>
{{form.E_mail}}
</div>
<div class="ui field">
<label>أختر الدولة</label>
{{form.country}}
</div>
<!-- Mobile Number -->
<div class="ui field">
<label>رقم الهاتف</label>
<div class="inline fields">
<div class="eight wide field">
{{form.phone}}
</div>
<div class="three wide field">
{{form.phone_code}}
</div>
</div>
</div>
<!-- Nationalety -->
<div class="ui field">
<label>الجنسية</label>
{{form.nationality}}
</div>
<button class="ui fluid positive button" type="submit">Submit</button>
</form>

Django 模板将根据表单字段为您呈现它。关于占位符或任何其他 html 属性，您可以在用户窗体上设置它以使其显示在模板中。