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')  # 显示登录页面
相关推荐
Nan_Shu_61421 小时前
学习: Threejs (2)
前端·javascript·学习
G_G#21 小时前
纯前端js插件实现同一浏览器控制只允许打开一个标签,处理session变更问题
前端·javascript·浏览器标签页通信·只允许一个标签页
@大迁世界1 天前
TypeScript 的本质并非类型,而是信任
开发语言·前端·javascript·typescript·ecmascript
GIS之路1 天前
GDAL 实现矢量裁剪
前端·python·信息可视化
是一个Bug1 天前
后端开发者视角的前端开发面试题清单(50道)
前端
Amumu121381 天前
React面向组件编程
开发语言·前端·javascript
持续升级打怪中1 天前
Vue3 中虚拟滚动与分页加载的实现原理与实践
前端·性能优化
GIS之路1 天前
GDAL 实现矢量合并
前端
hxjhnct1 天前
React useContext的缺陷
前端·react.js·前端框架
前端 贾公子1 天前
从入门到实践:前端 Monorepo 工程化实战(4)
前端