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>

项目结构

结果

相关推荐
dreadp3 分钟前
解锁豆瓣高清海报(二) 使用 OpenCV 拼接和压缩
图像处理·python·opencv·计算机视觉·数据分析
Tester_孙大壮12 分钟前
第32章 测试驱动开发(TDD)的原理、实践、关联与争议(Python 版)
驱动开发·python·tdd
无限大.33 分钟前
前端知识速记:节流与防抖
前端
十八朵郁金香35 分钟前
【VUE案例练习】前端vue2+element-ui,后端nodo+express实现‘‘文件上传/删除‘‘功能
前端·javascript·vue.js
学问小小谢38 分钟前
第26节课:内容安全策略(CSP)—构建安全网页的防御盾
运维·服务器·前端·网络·学习·安全
LCG元1 小时前
Vue.js组件开发-实现全屏图片文字缩放切换特效
前端·javascript·vue.js
还是鼠鼠2 小时前
图书管理系统 Axios 源码__新增图书
前端·javascript·vscode·ajax·前端框架·node.js·bootstrap
小王子10244 小时前
设计模式Python版 组合模式
python·设计模式·组合模式
Mason Lin5 小时前
2025年1月22日(网络编程 udp)
网络·python·udp
还是鼠鼠5 小时前
图书管理系统 Axios 源码 __删除图书功能
前端·javascript·vscode·ajax·前端框架·node.js·bootstrap