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通过pip更新所有已安装的包实现方法
May 19 Python
selenium python浏览器多窗口处理代码示例
Jan 15 Python
python之django母板页面的使用
Jul 03 Python
python正则表达式匹配[]中间为任意字符的实例
Dec 25 Python
对pyqt5之menu和action的使用详解
Jun 20 Python
从numpy数组中取出满足条件的元素示例
Nov 26 Python
python爬虫添加请求头代码实例
Dec 28 Python
利用matplotlib为图片上添加触发事件进行交互
Apr 23 Python
Python中使用threading.Event协调线程的运行详解
May 02 Python
python使用requests库爬取拉勾网招聘信息的实现
Nov 20 Python
python如何发送带有附件、正文为HTML的邮件
Feb 27 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
不支持fsockopen但支持culr环境下下ucenter与modoer通讯问题
2011/08/12 PHP
详谈PHP文件目录基础操作
2014/11/11 PHP
win平台安装配置Nginx+php+mysql 环境
2016/01/12 PHP
ThinkPHP5&amp;5.1框架关联模型分页操作示例
2019/08/03 PHP
PHP如何防止用户重复提交表单
2020/12/09 PHP
一个高效的JavaScript压缩工具下载集合
2007/03/06 Javascript
Jquery Ajax.ashx 高效分页实现代码
2009/10/20 Javascript
Js从头学起(基本数据类型和引用类型的参数传递详细分析)
2012/02/16 Javascript
jQuery中将函数赋值给变量的调用方法
2012/03/23 Javascript
js判断设备是否为PC并调整图片大小
2014/02/12 Javascript
js实现头像图片切割缩放及无刷新上传图片的方法
2015/07/17 Javascript
jQuery链式调用与show知识浅析
2016/05/11 Javascript
jQuery使用each方法与for语句遍历数组示例
2016/06/16 Javascript
Angular设置title信息解决SEO方面存在问题
2016/08/19 Javascript
微信小程序 wx:key详细介绍
2016/10/28 Javascript
Node.js设置CORS跨域请求中多域名白名单的方法
2017/03/28 Javascript
Angularjs验证用户输入的字符串是否为日期时间
2017/06/01 Javascript
VueJs使用Amaze ui调整列表和内容页面
2017/11/30 Javascript
浅谈React + Webpack 构建打包优化
2018/01/23 Javascript
实现jquery放大镜的两种方法
2018/02/22 jQuery
JavaScript复制内容到剪贴板的两种常用方法
2018/02/27 Javascript
Vue页面骨架屏注入方法
2018/05/13 Javascript
vue-router路由懒加载的实现(解决vue项目首次加载慢)
2018/08/28 Javascript
Vue的生命周期操作示例
2019/09/17 Javascript
[01:05:00]2018国际邀请赛 表演赛 Pain vs OpenAI
2018/08/24 DOTA
在Python中使用dict和set方法的教程
2015/04/27 Python
python使用hdfs3模块对hdfs进行操作详解
2020/06/06 Python
Python Sqlalchemy如何实现select for update
2020/10/12 Python
python实现控制台输出颜色
2021/03/02 Python
美国彩妆品牌:Coastal Scents
2017/04/01 全球购物
英国马匹装备和马术用品购物网站:Equine Superstore
2019/03/03 全球购物
会计电算化专业个人的自我评价
2013/11/24 职场文书
元旦联欢会感言
2014/03/04 职场文书
物理教育专业求职信
2014/06/25 职场文书
党的群众路线教育实践活动对照检查材料范文
2014/09/24 职场文书
鸦片战争观后感
2015/06/09 职场文书