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')  # 显示登录页面
相关推荐
Calm5504 分钟前
ele表单未输入值提示为英文
前端
爪洼守门员19 分钟前
前端性能优化
开发语言·前端·javascript·笔记·性能优化
TOYOAUTOMATON24 分钟前
GTH系列模组介绍
前端·目标检测·自动化
2022.11.7始学前端29 分钟前
n8n第十节 把Markdown格式的会议纪要发到企微
前端·chrome·n8n
fruge1 小时前
Lodash 源码精读:防抖节流的实现细节与边界场景
前端
yuzhiboyouye1 小时前
怎么熟悉一个web前端项目的业务呢?
前端
GISer_Jing1 小时前
AI在前端营销和用户增长领域应用(待补充)
前端·人工智能
橘子海全栈攻城狮1 小时前
【最新源码】基于springboot的会议室预订系统设计与实现 014
java·开发语言·前端·spring boot·后端·spring·自动化
1024肥宅1 小时前
前端常用模式:提升代码质量的四大核心模式
前端·javascript·设计模式
carry杰1 小时前
nacos bootstrap.yml 动态配置开发测试线上模式
前端·bootstrap·html