HTML与Flask表单之间的关系(chatgtp提供)

✅ HTML 表单是什么?

HTML 提供一个用户输入的界面,用于发送数据给 Flask。

复制代码

html

<form method="POST" action="/login">

用户名:<input type="text" name="username"><br>

密码:<input type="password" name="password"><br>

<input type="submit" value="登录">

</form>


✅ Flask 接收表单数据

Flask 的 request 对象可以获取用户输入的数据:

复制代码

python

python 复制代码
from flask import Flask, request, render_template

app = Flask(__name__)

@app.route('/login', methods=['GET', 'POST'])
def login():
    if request.method == 'POST':
        username = request.form.get('username')  # 获取 HTML 表单中的用户名
        password = request.form.get('password')  # 获取密码
        return f'你输入的用户名是 {username},密码是 {password}'
    return render_template('login.html')  # 显示登录页面
相关推荐
康一夏几秒前
Next.js 13变化有多大?
前端·react·nextjs
糖炒栗子03261 分钟前
前端项目标准环境搭建与启动
前端
不是az1 分钟前
CSS知识点记录
前端·javascript·css
爱分享的阿Q10 分钟前
GPT6-Spud-AGI前夜的豪赌
前端·easyui·agi
西西小飞龙40 分钟前
Less/Sass Mixins vs. Extend
前端·less·sass
syjy242 分钟前
(含下载)BeTheme WordPress主题使用教程
前端·wordpress·wordpress建站
Misnice1 小时前
shadcn如何使用
前端·reactjs
h_jQuery1 小时前
vue使用gm-crypto对数据进行sm4加密处理
前端·javascript·vue.js
阿赛工作室1 小时前
Vue中onBeforeUnmount不触发的解决方案
前端·javascript·vue.js
码王吴彦祖2 小时前
顶象 AC 纯算法迁移实战:从补环境到纯算的完整拆解
java·前端·算法