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实现检测文件MD5值的方法示例
Apr 11 Python
Python3实现爬取指定百度贴吧页面并保存页面数据生成本地文档的方法
Apr 22 Python
在Pandas中DataFrame数据合并,连接(concat,merge,join)的实例
Jan 29 Python
Python selenium根据class定位页面元素的方法
Feb 26 Python
Python之NumPy(axis=0 与axis=1)区分详解
May 27 Python
python按比例随机切分数据的实现
Jul 11 Python
django的聚合函数和aggregate、annotate方法使用详解
Jul 23 Python
python单向循环链表原理与实现方法示例
Dec 03 Python
jupyter notebook运行命令显示[*](解决办法)
May 18 Python
PyTorch的torch.cat用法
Jun 28 Python
Python预测2020高考分数和录取情况
Jul 08 Python
python获取对象信息的实例详解
Jul 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
初探PHP5
2006/10/09 PHP
php表单提交问题的解决方法
2011/04/12 PHP
php日期转时间戳,指定日期转换成时间戳
2012/07/17 PHP
PHP模拟QQ登录的方法
2015/07/29 PHP
PHP编程开发怎么提高编程效率 提高PHP编程技术
2015/11/09 PHP
php使用PDO事务配合表格读取大量数据插入操作实现方法
2017/02/16 PHP
PHP+redis实现的悲观锁机制示例
2018/06/12 PHP
PHP设计模式(五)适配器模式Adapter实例详解【结构型】
2020/05/02 PHP
javascript下操作css的float属性的特殊写法
2007/08/22 Javascript
WEB高性能开发之疯狂的HTML压缩
2010/06/19 Javascript
jQuery ajax(复习)—Baidu ajax request分离版
2013/01/24 Javascript
JavaScript 封装一个tab效果源码分享
2015/09/15 Javascript
jquery中object对象循环遍历的方法
2015/12/18 Javascript
全面理解JavaScript中的继承(必看)
2016/06/16 Javascript
使用JS中的Replace()方法遇到的问题小结
2017/10/20 Javascript
webpack本地开发环境无法用IP访问的解决方法
2018/03/20 Javascript
手把手教你vue-cli单页到多页应用的方法
2018/05/31 Javascript
JS实现简单的抽奖转盘效果示例
2019/02/16 Javascript
js常见遍历操作小结
2019/06/06 Javascript
vue实现分页栏效果
2019/06/28 Javascript
jQuery+ajax实现用户登录验证
2020/09/13 jQuery
[08:53]DOTA2每周TOP10 精彩击杀集锦vol.9
2014/06/26 DOTA
Python+Turtle动态绘制一棵树实例分享
2018/01/16 Python
用python标准库difflib比较两份文件的异同详解
2018/11/16 Python
让你Python到很爽的加速递归函数的装饰器
2019/05/26 Python
Python调用REST API接口的几种方式汇总
2020/10/19 Python
Python就将所有的英文单词首字母变成大写
2021/02/12 Python
基于HTML5的WebSocket的实例代码
2018/08/15 HTML / CSS
HTML5 script元素async、defer异步加载使用介绍
2013/08/23 HTML / CSS
详解html5 shiv.js和respond.min.js
2018/01/24 HTML / CSS
Sunglasses Shop瑞典:欧洲领先的太阳镜网上商店
2018/04/22 全球购物
世界上最大的乐谱选择:Sheet Music Plus
2020/01/18 全球购物
《小草和大树》教学反思
2014/02/16 职场文书
小学优秀班集体申报材料
2014/05/25 职场文书
出租车拒载检讨书
2015/01/28 职场文书
python实现调用摄像头并拍照发邮箱
2021/04/27 Python