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. 阿里云场景化阿里云企业数字化转型售前方法PSA
			
    阿里云场景化阿里云企业数字化转型售前方法PSA 目录 01 课程收获 理解企业数字化转型的概念.内涵.本质 了解企业数字化转型的要点.目标和切入点 掌握数字化转型项目售前阶段实践方法 场景化方案 阿里 ...
    
			
    2. 
						
  2. 10行 JavaScript 实现文本编辑器
			
    背景 我们平时用到的浏览器编辑器功能都会比较多,实现的代码逻辑也会非常复杂,往往是作为一个单独插件被引入进来的.但是,现在我只需要一个很基本的内容输入内容编辑的功能,如:粗体.斜体.列表.对齐等.那要 ...
    
			
    3. 
						
  3. video标签学习使用
			
    video标签学习使用 学习前的理解 video是HTML5中的新标签,可以用来播放视频.对于不同的浏览器支持的视频格式不一样,但是具体浏览器支持的类型并不清楚. 支持的类型 视频的格式分为编码格式和 ...
    
			
    4. 
						
  4. ES6-11学习笔记--对象的扩展
			
    属性简洁表示法 属性名表达式 Objec.is() 扩展运算符 与 Object.assign() in 对象的遍历方式   属性简洁表示法: 如果属性key跟变量名一样,可简写 let name = ...
    
			
    5. 
						
  5. java中方法重载是什么， 实际中到底有什么意义， 用处？请举例
			
    7.3 方法重载(overload)  当几个方法有相同的方法名,但参数个数不同或参数类型不同时,就涉及方法重载 方法重载有什么意义呢?在公司里编程,有时候一个方法名,要用到很多次,而且每次跟每次的参 ...
    
			
    6. 
						
  6. vuejs兄弟组件之间的通信
			
    var Event = new Vue();//准备一个空的实例对象 //A组件 var A = { template: ` <div> <span>我是A组件的数据-> ...
    
			
    7. 
						
  7. 攻防世界——stegano
			
    分析 1. 一个pdf,里边都是英文. 打开pdf "ctrl + F",检查flag 然活这里边直接告诉你,flag不在这里,一般都这么说了那就是真的不在了. 2. txt打开, ...
    
			
    8. 
						
  8. 如何用CSS实现左侧宽度固定，右侧自适应（两栏布局）？左右固定中间自适应（三栏布局）呢？
			
    在前端日常布局中,会经常遇到左侧宽度固定,右侧自适应或者左右两边固定,中间部分自适应的实用场景.本文例子中将列举出两种常用的两栏布局,左侧固定右侧自适应的常用方法以及代码和五种左右固定中间自适应的常用 ...
    
			
    9. 
						
  9. Python-术语对照表
			
    >>> 交互式终端中默认的 Python 提示符.往往会显示于能以交互方式在解释器里执行的样例代码之前. ... 具有以下含义: 交互式终端中输入特殊代码行时默认的 Python 提 ...
    
			
    10. 
						
  10. [源码解析] TensorFlow 分布式 DistributedStrategy 之基础篇
			
    [源码解析] TensorFlow 分布式 DistributedStrategy 之基础篇 目录 [源码解析] TensorFlow 分布式 DistributedStrategy 之基础篇 1.  ...
    
			
    11.