html - 如何将表单字段传递到“模板化”HTML文件中
问题描述
我想使用 Django 表单从预构建的 HTML 模板中获取表单数据,而不更改显示。
我知道我可以使用类似的东西:
name = request.POST.get('first_name')
但想使用 ModelForm 处理数据
表格.py
class BioDataForm(forms.ModelForm):
first_name = forms.CharField(max_length=100, label='first_name')
last_name =forms.CharField(max_length=100, label='last_name')
mobile = forms.CharField(max_length=100, label='mobile_number')
email = forms.EmailField(max_length=100, label='personal_email')
gender = forms.CharField(max_length=100, widget=forms.Select(attrs={'class': 'form-control', 'id': 'gender'}))
marital_status = forms.CharField(max_length=100, widget=forms.Select(attrs={'class': 'form-control', 'id': 'marital_status'}))
date_of_birth = forms.DateField(input_formats=['%Y-%m-%d'], widget=forms.SelectDateWidget())
address = forms.CharField(max_length=100)
class Meta:
model = BioData
exclude = ('state',)
fields = ['first_name', 'last_name', 'mobile', 'email',
'gender', 'marital_status', 'date_of_birth', 'address']
示例 HTML
<div class="row form-group">
<div class="col-md-6 col-sm-12 margin-bottom-20-m">
<label for="first_name" class="form-control-label kt-black-text">First Name</label>
<input type="text" class="form-control" id="first_name" name="e_first_name" required>
</div>
<div class="col-md-6 col-sm-12">
<label for="last_name" class="form-control-label kt-black-text">Last Name</label>
<input type="text" class="form-control" id="last_name" name="e_last_name" required>
</div>
</div>
解决方案
在模板中迭代表单:
<div class="row form-group">
{% for field in form %}
<div class="col-md-6 col-sm-12 margin-bottom-20-m">
<label for="{{ field.id_for_label }}" class="form-control-label kt-black-text">{{ field.label }}</label>
{{ field }}
</div>
{% endfor %}
</div>
推荐阅读
- oauth - Google 是否会等待无限的 refresh_token 来调用云合作伙伴?
- javascript - jQuery拆分获取最后2位
- android - android kotlin 中的数据绑定在同一个视图中
- amazon-web-services - 是否可以/推荐在 AWS CodeBuild 中使用“sam build”?
- php - 请求在实时主机上不起作用,但在本地工作
- java - 多种类型的相同接口
- git - git添加节点模块没有响应
- android - NavigationView 上的 OnClickListener 不起作用
- angular - NG 测试在控制台中显示名称
- sql-server - 在 ASP.NET MVC 中执行 SQL Server 存储过程时如何防止超时错误?