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>

项目结构

结果

相关推荐
@PHARAOH几秒前
HOW - 实现 useClickOutside 或者 useClickAway
前端·javascript·react.js
_yingty_14 分钟前
GO语言入门经典-反射3(Value 与对象的值)
开发语言·前端·后端·学习·golang
DreamNotOver27 分钟前
自动提取pdf公式 ➕ 输出 LaTeX
python·pdf·gui·提取公式
糟糕好吃28 分钟前
如何用一个插件让你的 Taro 项目启动快 3 倍?
前端·javascript·微信小程序
糖墨夕43 分钟前
【1】Three.js入门心得记-开发环境及准备工作
前端·three.js
前端_学习之路1 小时前
Vue--状态管理pinia
前端·javascript·vue.js
萌萌哒草头将军1 小时前
🔥🔥🔥MCP TypeScript SDK 初体验:挑战快速搭建一个 AI 应用!
前端·javascript·mcp
冴羽yayujs1 小时前
SvelteKit 最新中文文档教程(19)—— 最佳实践之身份认证
前端·javascript·vue.js·react.js·前端框架·svelte·sveltekit
Dove言和1 小时前
vue-element-plus-admin的安装
前端·javascript·vue.js·element-plus
曾是惊鸿照影来1 小时前
vue2生成二维码海报,支持复制,下载
前端