HTML的form表单和django的form表单
作者:谷子的 时间:2021-08-03 07:04:42
django的表单系统,分2种
基于django.forms.Form的所有表单类的父类
基于django.forms.ModelForm,可以和模型类绑定的Form
直接用原生的form表单,也可以直接用,较麻烦,
django的form表单,也可用可不要,
在views里创建一个类,继承了forms.Form ,每个字段就是一个输入框,
#-----
#django 的form表单
from django import forms
class MyForm(forms.Form):
#forms对应的是前端的form表单,form 表单要验证的字段
#都与校验有关系,与数据库没有关系
#封装性强,可以 在前端指定显示那些字段,label 是显示指定的数据,
user = forms.CharField(label="用户名")#输入的用户名,
age = forms.IntegerField(label="年龄")
email = forms.EmailField()
#form注册
def reg2(request):
# 实列化出一个form对象,传到前端
form_obj = MyForm()
return render(request,"reg2.html",{"form_obj":form_obj})
在前端新建一个注册页面,前端渲染表单,是后端表单类实例出来的对象,用对象调用每个字段,
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h3>form表单使用</h3>
<form action="/reg2/" method="post">
{# 渲染从后端传来的变量,as_p 是段落#}
{% csrf_token %}
{# {{ form_obj.as_p }}#}
<p>姓名{{ form_obj.user }}</p>
<p>年龄{{ form_obj.age }}</p>
<p>邮箱{{ form_obj.email }}</p>
</form>
</body>
</html>
可以从浏览器的检查元素中看到,浏览器自动添加了一些东西,
<body>
<h3>form表单使用</h3>
<form action="/reg2/" method="post">
<input name="csrfmiddlewaretoken" value="GyY3KE5uM7HeErOEZ8OQFwUJYQYaknrOmavdmfufBuVOHdDSWfeHDyt2pjXarGAV" type="hidden">
<p>姓名<input name="user" required="" id="id_user" type="text"></p>
<p>年龄<input name="age" required="" id="id_age" type="number"></p>
<p>邮箱<input name="email" required="" id="id_email" type="email"></p>
</form>
</body>
如果在前端页面随便输入就提交,前端会做校验,这都是浏览器做的校验,
可以自己定制,字段的错误信息提示,和显示信息,
#django 的form表单
from django import forms
class MyForm(forms.Form):
#forms对应的是前端的form表单,form 表单要验证的字段
#都与校验有关系,与数据库没有关系
#封装性强,可以 在前端指定显示那些字段,label 是显示指定的数据,require 是必须填写的,
user = forms.CharField(label="用户名",min_length=5,max_length=8)#输入的用户名,
age = forms.IntegerField(label="年龄",error_messages={"required":"必填",})
email = forms.EmailField()
#form注册
def reg2(request):
errors_obj = " "
if request.method == "POST":
form_post = MyForm(request.POST)#拿到请求的所有数据
if form_post.is_valid():#判断数据是否合法,返回布尔值,
print("data",form_post.cleaned_data)#获取数据,得到一个字典格式,
#添加数据库
# User.objects.create_user()
# 实列化出一个form对象,传到前端
#如果是输入不合格式的信息,错误信息,
else:
#获取错误信息
errors_obj = form_post.errors
# print("error",form_post.errors["user"][0])
# print("error",form_post.errors["age"])
# print("error",type(form_post.errors))#字典类型,
form_obj = MyForm()
return render(request,"reg2.html",{"form_obj":form_obj,"errors_obj":errors_obj})
在前端页面
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h3>form表单使用</h3>
<form action="/reg2/" method="post">
{# 渲染从后端传来的变量,as_p 是段落#}
{% csrf_token %}
{# {{ form_obj.as_p }}#}
<p>姓名{{ form_obj.user }} <span>{{ errors.obj.user.0 }}</span> </p>
<p>年龄{{ form_obj.age }}<span>{{ errors.obj.age.0 }}</span></p>
<p>邮箱{{ form_obj.email }}<span>{{ errors.obj.email.0 }}</span></p>
<input type="submit">
</form>
</body>
</html>
来源:https://www.cnblogs.com/gyh04541/p/8012769.html
标签:html,form,表单,django
![](/images/zang.png)
![](/images/jiucuo.png)
猜你喜欢
利用Python删除电脑中重复文件的方法
2023-06-19 21:58:20
![](https://img.aspxhome.com/file/2023/6/118646_0s.webp)
基于Python实现体育彩票选号器功能代码实例
2021-06-15 17:48:54
![](https://img.aspxhome.com/file/2023/9/118039_0s.png)
python中的list字符串元素排序
2022-03-14 12:27:14
Oracle教程 误添加数据文件删除方法
2009-08-04 12:38:00
Python单链表原理与实现方法详解
2023-05-21 00:58:37
Django实现文件上传下载
2022-03-17 18:42:48
python实现颜色rgb和hex相互转换的函数
2021-10-05 23:18:13
python 利用pandas将arff文件转csv文件的方法
2021-05-31 05:49:34
Python如何实现小程序 无限求和平均
2023-04-13 20:07:40
Laravel实现登录跳转功能
2023-06-14 23:35:40
![](https://img.aspxhome.com/file/2023/9/55549_0s.png)
mysql查询一天,查询一周,查询一个月的数据
2011-01-29 16:22:00
详解python编程slice与indices函数用法示例
2021-03-23 05:13:22
python解决循环依赖的问题分析
2023-03-19 12:22:14
Django模板获取field的verbose_name实例
2023-07-30 06:53:55
python3.8 微信发送服务器监控报警消息代码实现
2023-05-15 03:29:46
![](https://img.aspxhome.com/file/2023/3/107263_0s.png)
python两个list[]相加的实现方法
2023-09-22 13:34:52
![](https://img.aspxhome.com/file/2023/6/93426_0s.png)
如何使用微信公众平台开发模式实现多客服
2023-11-14 17:48:37
用Python画圣诞树代码示例
2023-06-14 06:22:27
![](https://img.aspxhome.com/file/2023/2/95552_0s.png)
Python中使用md5sum检查目录中相同文件代码分享
2022-10-31 19:57:59
python清空命令行方式
2023-12-08 09:50:35