千锋扣丁学堂Python培训之Flask框架表单基础与表单提交

2019-08-12 14:08:51 2987浏览

今天千锋扣丁学堂Python培训老师给大家分享一篇关于Flask框架学习笔记之表单基础介绍与表单提交方式详解，结合实例形式分析了flask框架中表单的基本功能、定义、用法及表单提交的get、post方式使用技巧，下面我们一起来看一下吧。

表单介绍

表单是HTML页面中负责数据采集功能的部件。由表单标签，表单域和表单按钮组成。通过表单，将用户输入的数据提交给服务器，并交给服务端进行处理。

表单标签

用于声明表单的范围，位于表单标签的元素将被提交。

语法：<form></form>

属性：Method规定用于发送表单数据的HTTP方法。

Enctype规定在向服务器发送表单数据之前如何对其进行编码。（适用于method="post"的情况）

action规定当提交表单时向何处发送表单数据。(指定url）

表单域

表单域包含了文本框，密码框等多种类型

语法：<input……/>

属性：type规定input元素类型。

name定义input元素名称

value规定input元素值

表单域的种类

文本框type=text

密码框type=password

文本区域type=textarea（可输入多行数据）

文件上传框type=file

单选框type=radio

复选框type=checkbox

表单按钮

提交按钮

复位按钮

一般按钮

实现：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
  <form>
    <input type="text" placeholder="Text" name="text" /># text
    <input type="password" placeholder="password" name="password" /># password
    <textarea placeholder="Textarea" name="textarea" style="resize:none"></textarea># 文本区域
    <input type="file" name="file" /># 文件上传
    <input type="radio" name="Option" value="Option1" /> Option1# 单选框
    <input type="radio" name="Option" value="Option2" /> Option2
    <input type="checkbox" name="Option" value="Option1" /> Option1# 多选框
    <input type="checkbox" name="Option" value="Option2" /> Option2
    <input type="submit" value="Submit" /># submit按钮
    <input type="reset" value="Reset" /># 重置按钮
    <input type="button" value="button" /># 普通按钮
  </form>
</body>
</html>

普通按钮下没有js语言支持是无效果的。

这里编写一个简单的js脚本来实现点击button弹出表单中的信息：

function getValue()
{
 var text=document.form1.text1.value;
 alert(text)
}

html程序：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <script type="text/javascript" src="../static/j.js"></script># 这里插入js脚本
</head>
<body>
  <form name="form1"># 添加表单名字
    <input type="text" placeholder="Text" name="text1" /># 修改text表单名
    <input type="password" placeholder="password" name="password" />
    <textarea placeholder="Textarea" name="textarea" style="resize:none"></textarea>
    <input type="file" name="file" />
    <input type="radio" name="Option" value="Option1" /> Option1
    <input type="radio" name="Option" value="Option2" /> Option2
    <input type="checkbox" name="Option" value="Option1" /> Option1
    <input type="checkbox" name="Option" value="Option2" /> Option2
    <input type="submit" value="Submit" />
    <input type="reset" value="Reset" />
    <input type="button" value="button" οnclick="getValue()" /># 点击就调用getValue()函数
  </form>
</body>
</html>

表单的提交方式

GET和POST

GET方式通过URL提交数据，数据在URL中可以看到。

POST方式，数据放置在HTMLHeader中提交

两种提交方式的区别

GET请求可以被浏览器缓存

POST所请求的URL可以被缓存，但数据不会被缓存

POST请求不便于分享

POST请求没有长度限制

GET请求的数据暴露在URL中，会带来一些安全问题。

GET方式的适用场合

单纯的请求数据，不进行其他操作

表单数据较短，不超过1024个字符

对安全性要求一般的场合

POST方式适用的场合

数据不仅仅用于请求，或提交上传数据。

表单数据过长时

要传送的数据不是ASCII编码

以上就是关于千锋扣丁学堂Python培训之Flask框架表单基础与表单提交的全部内容，想要了解更多关于Python和人工智能方面内容的小伙伴，请关注扣丁学堂Python培训官网、微信等平台，扣丁学堂IT职业在线学习教育平台为您提供权威的Python开发环境搭建视频，Python培训后的前景无限，行业薪资和未来的发展会越来越好的，扣丁学堂老师精心推出的Python视频教程定能让你快速掌握Python从入门到精通开发实战技能。扣丁学堂Python技术交流群：279521237。

扣丁学堂微信公众号 Python全栈开发爬虫人工智能机器学习数据分析免费公开课直播间

【关注微信公众号获取更多学习资料】【扫码进入Python全栈开发免费公开课】

查看更多关于"Python开发资讯"的相关文章>

标签: Python培训 Python视频教程 Python在线视频 Python学习视频 Python培训班

上一篇扣丁学堂Python培训简述Python3使用cookiejar管理cookie的方法下一篇千锋扣丁学堂Python培训之学习For循环用法详解

千锋扣丁学堂Python培训之Flask框架表单基础与表单提交

热门专区

课程推荐