django中的HTML控件及参数传递方法


Posted in Python onMarch 20, 2018

本文对djangoHTML的表单控件中的单选及多选进行介绍,并说明如何进行参数传递。

1.HTML中的表单控件:

在HTML中表单的书写一般为:

<form method="post" action=""> 这个method代表方法,方法一般有两个一个是'post',一个是'get',action是提交表单到何处,可填写一个网址。不填则默认到本页面。
{%csrf_token%} 这个是django中的一个标签,用于防止恶意攻击使用,如果不加入这个标签,会遇到不能提交的问题,处理麻烦一点,建议加上。
<input name="select" type="radio" value='radio'>这就是一个单选标签,多选为type='checkbox'。 value是显示的内容,并且后端提交后也将此作为值,其中name是后端
获取时所用的如后端使用 select = request.POST['select']获取这个单选按钮的value,另外也可以用select = request.POST.get('select',None)来获取。
<input name="submit" type="submit" value="提交" />这就是一个提控件,其中的type='submit'会保证点击后表单(<form></form>)中的内容被提交到后端。
<input name="text" type="text" value="" />一个输入框
</form>
<!-表单结束>

前段在HTML中总的构造是

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Title</title>
</head>
<body>
<form method="post" action=""> 
{%csrf_token%}
<input name="select" type="radio" value='radio'>
<input name="text" type="text" value="" />
<input name="submit" type="submit" value="提交" />
</form>
</body>
</html>

那么前段HTML就是这样。

2.django的view.py中接受数据:

后端可以在view中书写一个def用于接受前端传入的数据:

如:

def receive_data(request):
 if request.POST: # 如果数据提交
 print('有提交')
 
 select = request.POST.get('select',None)
 
 text = request.POST.get('text',None)
 print(select,text)
 return render(request,'your_html.html', locals()) # your_html.html改为你的html页面并且参考前面的博客建立url链接。

这就是django建立前后交互的简单案例,在django 1.10.5 python 3.5 html 5下进行。

以上这篇django中的HTML控件及参数传递方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Python 相关文章推荐
Python ORM框架SQLAlchemy学习笔记之映射类使用实例和Session会话介绍
Jun 10 Python
Python Web框架Flask中使用百度云存储BCS实例
Feb 08 Python
Python实现简单截取中文字符串的方法
Jun 15 Python
Django自定义用户认证示例详解
Mar 14 Python
python 日志增量抓取实现方法
Apr 28 Python
python tkinter界面居中显示的方法
Oct 11 Python
解决Shell执行python文件,传参空格引起的问题
Oct 30 Python
python贪吃蛇游戏代码
Apr 18 Python
Django 接收Post请求数据,并保存到数据库的实现方法
Jul 12 Python
python中什么是面向对象
Jun 11 Python
关于PyCharm安装后修改路径名称使其可重新打开的问题
Oct 20 Python
详解Python中*args和**kwargs的使用
Apr 07 Python
安装python时MySQLdb报错的问题描述及解决方法
Mar 20 #Python
python如何定义带参数的装饰器
Mar 20 #Python
Python回文字符串及回文数字判定功能示例
Mar 20 #Python
python如何把嵌套列表转变成普通列表
Mar 20 #Python
Python内置函数reversed()用法分析
Mar 20 #Python
shell命令行,一键创建 python 模板文件脚本方法
Mar 20 #Python
python如何拆分含有多种分隔符的字符串
Mar 20 #Python
You might like
php+mysql大量用户登录解决方案分析
2014/12/29 PHP
在Mac OS上搭建Nginx+PHP+MySQL开发环境的教程
2015/12/21 PHP
Thinkphp实现站点静态化的方法详解
2017/03/21 PHP
不错的一个日期输入 动态
2006/11/06 Javascript
jQuery 源码分析笔记(3) Deferred机制
2011/06/19 Javascript
Jquery多选框互相内容交换的实例代码
2013/07/04 Javascript
javascript放大镜效果的简单实现
2013/12/09 Javascript
在JavaScript中访问字符串的子串
2015/07/07 Javascript
jquery特效 点击展示与隐藏全文
2015/12/09 Javascript
基于jQuery实现表格的查看修改删除
2016/08/01 Javascript
解决vue多个路由共用一个页面的问题
2018/03/12 Javascript
vue项目中使用Hbuilder打包app 设置沉浸式状态栏的方法
2018/10/22 Javascript
小程序识别身份证,银行卡,营业执照,驾照的实现
2019/11/05 Javascript
vue 在methods中调用mounted的实现操作
2020/08/07 Javascript
[59:26]DOTA2上海特级锦标赛D组资格赛#1 EG VS VP第二局
2016/02/28 DOTA
python日志记录模块实例及改进
2017/02/12 Python
linecache模块加载和缓存文件内容详解
2018/01/11 Python
DataFrame中的object转换成float的方法
2018/04/10 Python
Python import与from import使用及区别介绍
2018/09/06 Python
python3实现网络爬虫之BeautifulSoup使用详解
2018/12/19 Python
不归路系列:Python入门之旅-一定要注意缩进!!!(推荐)
2019/04/16 Python
Python实现字符型图片验证码识别完整过程详解
2019/05/10 Python
python不到50行代码完成了多张excel合并的实现示例
2020/05/28 Python
Python datetime模块使用方法小结
2020/06/18 Python
Django中F函数的使用示例代码详解
2020/07/06 Python
使用matplotlib的pyplot模块绘图的实现示例
2020/07/12 Python
公务员转正鉴定材料
2014/02/11 职场文书
高三高考决心书
2014/03/11 职场文书
2014年教育工作总结
2014/11/26 职场文书
元宵节寄语大全
2015/02/27 职场文书
我的中国梦心得体会范文
2016/01/05 职场文书
2016年保险公众宣传日活动总结
2016/04/05 职场文书
python中的装饰器该如何使用
2021/06/18 Python
js前端设计模式优化50%表单校验代码示例
2022/06/21 Javascript
js面向对象编程OOP及函数式编程FP区别
2022/07/07 Javascript
MySQL性能指标TPS+QPS+IOPS压测
2022/08/05 MySQL