Flask_WTF实现表单可分为六个步骤：

①导入FlaskForm扩展包（from flask_wtf import FlaskForm)

②导入StringField,PasswordField,SubmitField (from wtforms import StringField,PasswordField,SubmitField)

③定义表单类



class RegisterForm(FlaskForm):

    username = StringField('账号：')

    password = PasswordField('密码：')

    password2 = PasswordField('确认密码：')

    submit=SubmitField('提交')






④定义路由




@app.route('/regist',methods=['GET','POST'])

def regist_form():

    redist_form=RegisterForm()

    return render_template('registform.html',form=redist_form)




⑤html文件中实现表单




<form method="post">

        {{ form.username.label }}{{ form.username }}<br>

        {{ form.password.label }}{{ form.password }}<br>

        {{ form.password2.label }}{{ form.password2 }}<br>

        {{ form.submit }}

    </form>




完整代码：


app.py




from flask import Flask,render_template,request,flash

from flask_wtf import FlaskForm

from wtforms import StringField, PasswordField,SubmitField

app = Flask(__name__)

app.secret_key='yingjie'

# 定义表单类

class RegisterForm(FlaskForm):

    username = StringField('账号：')

    password = PasswordField('密码：')

    password2 = PasswordField('确认密码：')

    submit=SubmitField('提交')

@app.route('/regist',methods=['GET','POST'])

def regist_form():

    redist_form=RegisterForm()

    return render_template('registform.html',form=redist_form)

if __name__ == '__main__':

    app.run()




registform.html




<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

    <form method="post">

        {{ form.username.label }}{{ form.username }}<br>

        {{ form.password.label }}{{ form.password }}<br>

        {{ form.password2.label }}{{ form.password2 }}<br>

        {{ form.submit }}

    </form>

</body>

</html>




运行结果：


												


											
Flask_WTF实现表单的更多相关文章
	

    
								
  1. flask 在模板中渲染表单
		
    在模板中渲染表单 为了能够在模板中渲染表单,我们需要把表单类实例传入模板.首先在视图函数里实例化表单类LoginForm,然后再render_template()函数中使用关键脑子参数form将表单实 ...
    
		
    2. 
						
  2. flask 利用flask_wtf扩展 创建web表单
		
    在Flask中,为了处理web表单,我们一般使用Flask-WTF扩展,它封装了WTForms,并且它有验证表单数据的功能 创建语句格式: startTime = DateTimeField('计划开 ...
    
		
    3. 
						
  3. 第四章 Web表单
		
    4.1 跨站请求伪造保护 安装flask-wtf app = Flask(__name__) app.config['SECRET_KEY'] = 'hard to guess string' 密钥不 ...
    
		
    4. 
						
  4. Flask-WTF 创建表单P2
		
    表单安全 无需任何配置,FlaskForm将提供具有CSRF(Cross-site request forgery,也被称为one-click attack 或者session riding,通常缩写 ...
    
		
    5. 
						
  5. 【Flask】 结合wtforms的文件上传表单
		
    表单中的文件上传 基本的表单渲染,表单类设置等等就不多说了,参看另一个文章即可.但是那篇文章里没有提到对于FileField,也就是上传文件的表单字段是如何处理,后端又是如何实现接受上传过来的文件的. ...
    
		
    6. 
						
  6. 【Flask】 WTForm表单编程
		
    WTForm表单编程 在网页中,为了和用户进行信息交互总是不得不出现一些表单.flask设计了WTForm表单库来使flask可以更加简便地管理操作表单数据.WTForm中最重要的几个概念如下: Fo ...
    
		
    7. 
						
  7. Flask 扩展 表单
		
    pip install flask-wtf 一个简单的表单 from flask_wtf import Form from wtforms import StringField from wtform ...
    
		
    8. 
						
  8. Flask学习 三 web表单
		
    web表单 pip install flask-wtf 实现csrf保护 app.config['SECRET_KEY']='hard to guess string' # 可以用来存储框架,扩展,程 ...
    
		
    9. 
						
  9. flask form表单验证
		
    新建forms.py文件 #!/usr/bin/env python #-*-coding:utf--*- #导入模块 from flask_wtf import FlaskForm #FlaskFo ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. 顺利通过EMC实验（11）
			
    
			
    2. 
						
  2. 使用el-tree-transfer的方式
			
    1.首先在组件中引入el-tree-transfer 2.然后在template中使用注册后的组件 参数:title 说明:标题 类型:Array 必填:false 默认:["源列表&quo ...
    
			
    3. 
						
  3. 在vue中创建多个ueditor实例
			
    简介 在vue中创建多个ueditor实例,我使用neditor,其实就是把ueditor样式美化了下,其他和ueditor几乎一样 截图 源码地址 https://github.com/oblivi ...
    
			
    4. 
						
  4. 牛客网-剑指Offer 二维数组中的查找
			
    题目描述 在一个二维数组中(每个一维数组的长度相同),每一行都按照从左到右递增的顺序排序,每一列都按照从上到下递增的顺序排序.请完成一个函数,输入这样的一个二维数组和一个整数,判断数组中是否含有该整数 ...
    
			
    5. 
						
  5. 使用 IDEA 创建 SpringBoot 项目（详细介绍）+ 源码案例实现
			
    使用 IDEA 创建 SpringBoot 项目 一.SpringBoot 案例实现源码 二.SpringBoot 相关配置 1. 快速创建 SpringBoot 项目 1.1 新建项目 1.2 填写 ...
    
			
    6. 
						
  6. IE  zoom
			
    zoom是IE浏览器特有的属性,它可以设置或检索对象的缩放比例(它的中文解释是:放大),它的作用通常可以概括为三个方面: 1.hasLayout 2.清除浮动 3.清除div的垂直外边距合并问题 什么 ...
    
			
    7. 
						
  7. title与h1的区别、b与strong的区别、i与em的区别
			
    strong标签有语义,是起到加重语气的效果,而b标签是没有的,b标签只是一个简单加粗标签.b标签之间的字符都设为粗体,strong标签加强字符的语气都是通过粗体来实现的,而搜索引擎更侧重strong ...
    
			
    8. 
						
  8. Python入门-匿名函数，递归函数，主函数
			
    1.三目运算符 对简单的条件语句,可以用三元运算简写.三元运算只能写在一行代码里面 # 书写格式 result = 值1 if 条件 else 值2 # 如果条件成立,那么将 "值1&quo ...
    
			
    9. 
						
  9. String相关API-getBean()方法的使用
			
    一.使用id //userService是Bean标签中配置的id属性值 UserService service = (UserService) context.getBean("userS ...
    
			
    10. 
						
  10. Codeforces Round #721 (Div. 2)A. And Then There Were K(位运算,二进制)  B1. Palindrome Game (easy version)(博弈论)
			
    半个月没看cf 手生了很多(手动大哭) Problem - A - Codeforces 题意 给定数字n, 求出最大数字k, 使得  n & (n−1) & (n−2) &  ...
    
			
    11.