HTML提交表单给python

python 代码

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

app = Flask(__name__)


@app.route('/')
def form():
    # 渲染表单页面
    return render_template('./index.html')


@app.route('/submit_form', methods=['POST'])
def submit_form():
    # 从POST请求中获取数据
    name = request.form['name']
    email = request.form['email']

    # 在这里,你可以添加代码来处理这些数据,比如保存到数据库
    # 但为了演示,我们只是简单地将它们打印到控制台
    print(f"Name: {name}, Email: {email}")

    # 表单提交后重定向到某个页面,这里只是重定向回首页
    return redirect(url_for('form'))


if __name__ == '__main__':
    app.run(debug=True)

HTML代码

html 复制代码
<!DOCTYPE html>  
<html>  
<head>  
    <title>简单表单</title>  
</head>  
<body>  
  
<h2>提交你的信息</h2>  
  
<form action="/submit_form" method="post">  
    <label for="name">姓名:</label><br>  
    <input type="text" id="name" name="name"><br>  
    <label for="email">邮箱:</label><br>  
    <input type="email" id="email" name="email"><br><br>  
    <input type="submit" value="提交">  
</form>  
  
</body>  
</html>

项目结构

结果

相关推荐
袁煦丞15 分钟前
2025.8.18实验室【代码跑酷指南】Jupyter Notebook程序员的魔法本:cpolar内网穿透实验室第622个成功挑战
前端·程序员·远程工作
Joker Zxc20 分钟前
【前端基础】flex布局中使用`justify-content`后,最后一行的布局问题
前端·css
无奈何杨23 分钟前
风控系统事件分析中心,关联关系、排行、时间分布
前端·后端
Moment29 分钟前
nginx 如何配置防止慢速攻击 🤔🤔🤔
前端·后端·nginx
晓得迷路了34 分钟前
栗子前端技术周刊第 94 期 - React Native 0.81、jQuery 4.0.0 RC1、Bun v1.2.20...
前端·javascript·react.js
HAPPY酷35 分钟前
给纯小白的Python操作 PDF 笔记
开发语言·python·pdf
前端小巷子36 分钟前
Vue 自定义指令
前端·vue.js·面试
玲小珑41 分钟前
Next.js 教程系列(二十七)React Server Components (RSC) 与未来趋势
前端·next.js
Mike_jia42 分钟前
UptimeRobot API状态监控:零成本打造企业级业务健康看板
前端
江城开朗的豌豆43 分钟前
React状态更新踩坑记:我是这样优雅修改参数的
前端·javascript·react.js