隐藏页面特效

Flask_WTF实现表单

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>

运行结果：

 


__EOF__

本文作者：CherriesOvO
本文链接：https://www.cnblogs.com/zyj3955/p/15368164.html
关于博主：评论和私信会在第一时间回复。或者直接私信我。
版权声明：本博客所有文章除特别声明外，均采用 BY-NC-SA 许可协议。转载请注明出处！
声援博主：如果您觉得文章对您有帮助，可以点击文章右下角【推荐】一下。您的鼓励是博主的最大动力！
posted @   CherriesOvO  阅读(163)  评论(0)  编辑  收藏  举报
编辑推荐：
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列：如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列（二）：开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
阅读排行：
· 被坑几百块钱后，我竟然真的恢复了删除的微信聊天记录！
· 没有Manus邀请码？试试免邀请码的MGX或者开源的OpenManus吧
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· Docker 太简单，K8s 太复杂？w7panel 让容器管理更轻松！
点击右上角即可分享
微信分享提示