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使用pyhook监控键盘并实现切换歌曲的功能
Jul 18 Python
python flask实现分页效果
Jun 27 Python
Python处理文本换行符实例代码
Feb 03 Python
深入浅析python with语句简介
Apr 11 Python
Django中的forms组件实例详解
Nov 08 Python
对python3中, print横向输出的方法详解
Jan 28 Python
解决python中画图时x,y轴名称出现中文乱码的问题
Jan 29 Python
超简单使用Python换脸实例
Mar 27 Python
python登录WeChat 实现自动回复实例详解
May 28 Python
详解Pandas之容易让人混淆的行选择和列选择
Jul 10 Python
Python extract及contains方法代码实例
Sep 11 Python
python中random模块详解
Mar 01 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
2006/12/13 PHP
解析Linux下Varnish缓存的配置优化
2013/06/20 PHP
PHP合并静态文件详解
2014/11/14 PHP
php实现mysql数据库分表分段备份
2015/06/18 PHP
PHP使用strstr()函数获取指定字符串后所有字符的方法
2016/01/07 PHP
PHP5.0 TIDY_PARSE_FILE缓冲区溢出漏洞的解决方案
2018/10/14 PHP
PHP匿名函数(闭包函数)详解
2019/03/22 PHP
Date对象格式化函数代码
2010/07/17 Javascript
jquery中ajax调用json数据的使用说明
2011/03/17 Javascript
通过pjax实现无刷新翻页(兼容新版jquery)
2014/01/31 Javascript
js,jquery滚动/跳转页面到指定位置的实现思路
2014/06/03 Javascript
Jquery中$.post和$.ajax的用法小结
2015/04/28 Javascript
举例讲解如何判断JavaScript中对象的类型
2016/04/22 Javascript
sencha ext js 6 快速入门(必看)
2016/06/01 Javascript
Bootstrap中的Panel和Table全面解析
2016/06/13 Javascript
js实现的光标位置工具函数示例
2016/10/03 Javascript
@ResponseBody 和 @RequestBody 注解的区别
2017/03/08 Javascript
自适应布局meta标签中viewport、content、width、initial-scale、minimum-scale、maximum-scale总结
2017/08/18 Javascript
微信小程序的日期选择器的实例详解
2017/09/29 Javascript
Vue中的异步组件函数实现代码
2018/07/20 Javascript
在react中使用vuex的示例代码
2018/07/30 Javascript
element UI upload组件上传附件格式限制方法
2018/09/04 Javascript
JavaScript基于遍历操作实现对象深拷贝功能示例
2019/03/05 Javascript
在layui下对元素进行事件绑定的实例
2019/09/06 Javascript
JavaScript实现轮播图特效
2020/04/10 Javascript
Python实现远程调用MetaSploit的方法
2014/08/22 Python
浅谈利用numpy对矩阵进行归一化处理的方法
2018/07/11 Python
python使用Paramiko模块实现远程文件拷贝
2019/04/30 Python
Python迭代器模块itertools使用原理解析
2019/12/11 Python
Django的CVB实例详解
2020/02/10 Python
Bobbi Brown芭比波朗美国官网:化妆师专业彩妆保养品品牌
2016/08/18 全球购物
美国最灵活的移动提供商:Tello
2017/07/18 全球购物
珍珠鸟教学反思
2014/02/01 职场文书
亲子阅读的活动方案
2014/08/15 职场文书
胡雪岩故居导游词
2015/02/06 职场文书
2015高三毕业寄语赠言
2015/02/27 职场文书