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')  # 显示登录页面
相关推荐
遂心_1 小时前
为什么 '1'.toString() 可以调用?深入理解 JavaScript 包装对象机制
前端·javascript
IT_陈寒1 小时前
JavaScript 性能优化:5 个被低估的 V8 引擎技巧让你的代码快 200%
前端·人工智能·后端
岛风风2 小时前
关于手机的设备信息
前端
ReturnTrue8682 小时前
nginx性能优化之Gzip
前端
葡萄城技术团队2 小时前
所有网站通用:6 行 HTML 代码搞定页面加载提速
html
w_y_fan3 小时前
Flutter 滚动组件总结
前端·flutter
wuli金居哇3 小时前
我用 Turborepo 搭了个 Monorepo 脚手架,开发体验直接起飞!
前端
Asort3 小时前
JavaScript 从零开始(五):运算符和表达式——从零开始掌握算术、比较与逻辑运算
前端·javascript
一枚前端小能手3 小时前
🚀 缓存用错了网站更慢?前端缓存策略的5个致命误区
前端·javascript
艾小码3 小时前
为什么你的页面会闪烁?useLayoutEffect和useEffect的区别藏在这里!
前端·javascript·react.js