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 排列组合之itertools
Mar 20 Python
重命名批处理python脚本
Apr 05 Python
跟老齐学Python之坑爹的字符编码
Sep 28 Python
利用python实现微信头像加红色数字功能
Mar 26 Python
详解Python的hasattr() getattr() setattr() 函数使用方法
Jul 09 Python
Selenium chrome配置代理Python版的方法
Nov 29 Python
Python列表对象实现原理详解
Jul 01 Python
python自动结束mysql慢查询会话的实例代码
Oct 27 Python
python用requests实现http请求代码实例
Oct 31 Python
Python将列表中的元素转化为数字并排序的示例
Dec 25 Python
python基于turtle绘制几何图形
Jun 15 Python
Python使用海龟绘图实现贪吃蛇游戏
Jun 18 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无刷新上传文件实现代码
2011/09/19 PHP
Yii使用smsto短信接口的函数demo示例
2016/07/13 PHP
Laravel中日期时间处理包Carbon的简单使用
2017/09/21 PHP
符合W3C网页标准的iframe标签的使用方法
2007/07/19 Javascript
基于JQuery模仿苹果桌面的Dock效果(初级版)
2012/10/15 Javascript
Javascript 中 null、NaN和undefined的区别总结
2013/04/10 Javascript
js实现点击链接后窗口缩小并居中的方法
2015/03/02 Javascript
Bootstrap按钮下拉菜单组件详解
2016/05/10 Javascript
BootStrap初学者对弹出框和进度条的使用感觉
2016/06/27 Javascript
angular实现商品筛选功能
2017/02/01 Javascript
JS原型与原型链的深入理解
2017/02/15 Javascript
AngularJS 验证码60秒倒计时功能的实现
2017/06/05 Javascript
详解angular 中的自定义指令之详解API
2017/06/20 Javascript
AngularJS 最常用的八种功能(基础知识)
2017/06/26 Javascript
angularJs中跳转到指定的锚点实例($anchorScroll)
2018/08/31 Javascript
Vue 使用计时器实现跑马灯效果的实例代码
2019/07/11 Javascript
js神秘的电报密码 哈弗曼编码实现
2019/09/10 Javascript
js实现简单页面全屏
2019/09/17 Javascript
使用 Vue-TCB 快速在 Vue 应用中接入云开发的方法
2020/02/10 Javascript
Python中函数的多种格式和使用实例及小技巧
2015/04/13 Python
Django中模型Model添加JSON类型字段的方法
2015/06/17 Python
Python列表切片用法示例
2017/04/19 Python
Python中利用xpath解析HTML的方法
2018/05/14 Python
Django实现分页功能
2018/07/02 Python
在PyCharm中实现关闭一个死循环程序的方法
2018/11/29 Python
python plotly绘制直方图实例详解
2019/07/22 Python
python系列 文件操作的代码
2019/10/06 Python
python opencv进行图像拼接
2020/03/27 Python
Html5之title吸顶功能
2018/06/04 HTML / CSS
全球速卖通法国在线交易平台:AliExpress法国
2017/07/07 全球购物
数据库测试通常都包括哪些方面
2015/11/30 面试题
《彭德怀和他的大黑骡子》教学反思
2014/04/12 职场文书
大学生职业生涯规划大赛作品(精品)
2014/09/17 职场文书
2014年有孩子的离婚协议书范本
2014/10/08 职场文书
十岁生日答谢词
2015/01/05 职场文书
入党转正申请报告
2015/05/15 职场文书