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')  # 显示登录页面
相关推荐
华仔啊28 分钟前
前端必看!12个JS神级简写技巧,代码效率直接飙升80%,告别加班!
前端·javascript
excel28 分钟前
dep.ts 逐行解读
前端·javascript·vue.js
爱上妖精的尾巴30 分钟前
5-20 WPS JS宏 every与some数组的[与或]迭代(数组的逻辑判断)
开发语言·前端·javascript·wps·js宏·jsa
excel38 分钟前
Vue3 响应式核心源码全解析:Dep、Link 与 track/trigger 完整执行机制详解
前端
前端大卫1 小时前
一个关于时区的线上问题
前端·javascript·vue.js
whltaoin1 小时前
中秋赏月互动页面:用前端技术演绎传统节日之美
前端·javascript·html·css3·中秋主题前端
IT派同学2 小时前
TableWiz诞生记:一个被表格合并逼疯的程序员如何自救
前端·vue.js
码界筑梦坊3 小时前
206-基于深度学习的胸部CT肺癌诊断项目的设计与实现
人工智能·python·深度学习·flask·毕业设计
西洼工作室4 小时前
CSS高效开发三大方向
前端·css
昔人'4 小时前
css`font-variant-numeric: tabular-nums` 用来控制数字的样式。
前端·css