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多线程实例教程
Sep 06 Python
python实现在控制台输入密码不显示的方法
Jul 02 Python
基于python3 OpenCV3实现静态图片人脸识别
May 25 Python
python日期时间转为字符串或者格式化输出的实例
May 29 Python
django用户登录和注销的实现方法
Jul 16 Python
pycharm安装和首次使用教程
Aug 27 Python
在Pycharm中项目解释器与环境变量的设置方法
Oct 29 Python
python 中值滤波,椒盐去噪,图片增强实例
Dec 18 Python
使用Keras建立模型并训练等一系列操作方式
Jul 02 Python
Pycharm创建python文件自动添加日期作者等信息(步骤详解)
Feb 03 Python
用Python实现屏幕截图详解
Jan 22 Python
总结三种用 Python 作为小程序后端的方式
May 02 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
ThinkPHP实现多数据库连接的解决方法
2014/07/01 PHP
PHP的pcntl多进程用法实例
2015/03/19 PHP
基于PHP实现的多元线性回归模拟曲线算法
2018/01/30 PHP
php传值和传引用的区别点总结
2019/11/19 PHP
TP5框架页面跳转样式操作示例
2020/04/05 PHP
PHP获取真实IP及IP模拟方法解析
2020/11/24 PHP
Prototype使用指南之base.js
2007/01/10 Javascript
Js 获取当前日期时间及其它操作实现代码
2021/03/04 Javascript
JQuery UI DatePicker中z-index默认为1的解决办法
2010/09/28 Javascript
扩展JavaScript功能的正确方法(译文)
2012/04/12 Javascript
使用jquery动态加载javascript以减少服务器压力
2012/10/29 Javascript
文字不间断滚动(上下左右)实例代码
2013/04/21 Javascript
优化Jquery,提升网页加载速度
2013/11/14 Javascript
AngularJS基础 ng-keypress 指令简单示例
2016/08/02 Javascript
JavaScript禁止微信浏览器下拉回弹效果
2017/05/16 Javascript
页面间固定参数,通过cookie传值的实现方法
2017/05/31 Javascript
JavaScript阻止表单提交方法(附代码)
2017/08/15 Javascript
js 取消页面可以选中文字的功能方法
2018/01/02 Javascript
详解vscode中vue代码颜色插件
2018/10/11 Javascript
详解vuex commit保存数据技巧
2018/12/25 Javascript
微信小程序实现通过双向滑动缩放图片大小的方法
2018/12/30 Javascript
node.JS事件机制与events事件模块的使用方法详解
2020/02/06 Javascript
Vue组件为什么data必须是一个函数
2020/06/11 Javascript
详解JavaScript数据类型和判断方法
2020/09/04 Javascript
python时间日期函数与利用pandas进行时间序列处理详解
2018/03/13 Python
Python中修改字符串的四种方法
2018/11/02 Python
python自动化测试三部曲之unittest框架的实现
2020/10/07 Python
Python基于Socket实现简易多人聊天室的示例代码
2020/11/29 Python
python自动化办公操作PPT的实现
2021/02/05 Python
深入解读CSS3中transform变换模型的渲染
2016/05/27 HTML / CSS
事业单位接收函
2014/01/10 职场文书
《挑山工》的教学反思
2014/02/16 职场文书
销售求职信范文
2014/05/26 职场文书
2015年高三教学工作总结
2015/07/21 职场文书
2015年治庸问责工作总结
2015/07/27 职场文书
Apache SkyWalking 监控 MySQL Server 实战解析
2022/09/23 Servers