Python Flask / HTML -在HTML表单提交后显示输出的正确方式是什么？
在Python Flask中，正确的方式是使用Flask的路由和模板引擎来实现在HTML表单提交后显示输出。
首先，需要在Flask应用程序中定义一个路由来处理表单提交的请求。可以使用@app.route装饰器来指定路由的URL和请求方法。例如：
from flask import Flask, render_template, request
app = Flask(__name__)
@app.route('/', methods=['GET', 'POST'])
def index():
if request.method == 'POST':
# 处理表单提交的数据
name = request.form.get('name')
# 其他处理逻辑...
# 渲染模板并传递数据
return render_template('output.html', name=name)
else:
# 显示表单页面
return render_template('form.html')在上面的代码中，index函数是处理根URL的路由。当请求方法为POST时，表示表单已经提交，可以通过request.form.get方法获取表单中的数据。然后，可以根据需要进行其他处理逻辑。最后，使用render_template函数渲染一个模板，并将数据传递给模板。
接下来，需要创建两个模板文件：form.html和output.html。form.html用于显示表单页面，output.html用于显示表单提交后的输出。可以使用HTML和Flask模板语法来编写这两个文件。
form.html示例：
<!DOCTYPE html>
<html>
<head>
<title>表单页面</title>
</head>
<body>
<form action="/" method="post">
<label for="name">姓名：</label>
<input type="text" id="name" name="name">
<input type="submit" value="提交">
</form>
</body>
</html>output.html示例：
<!DOCTYPE html>
<html>
<head>
<title>输出页面</title>
</head>
<body>
<h1>您提交的姓名是：{{ name }}</h1>
</body>
</html>在form.html中，使用<form>标签定义一个表单，其中action属性指定了表单提交的URL，这里是根URL/。<input>标签用于输入姓名，并使用name属性指定了字段名。最后，使用<input type="submit">定义了一个提交按钮。
在output.html中，使用{{ name }}的方式来显示在表单中输入的姓名。{{ name }}是Flask模板语法，表示输出name变量的值。
通过以上的代码和模板，当访问根URL时，会显示表单页面。在表单中输入姓名并提交后，会显示输出页面，并显示提交的姓名。
这里推荐腾讯云的产品：腾讯云云服务器（CVM），提供高性能、可扩展的云服务器实例，适用于各种应用场景。详情请参考腾讯云云服务器。
相关·内容
1回答
Python Flask / HTML -在HTML表单提交后显示输出的正确方式是什么？
python、html、css、flask、python-requests
我对web开发(第一个项目)非常陌生，已经开始在Flask中玩耍了。前几天，我做了一个非常简单的温度转换器，并在我的本地主机上运行。> 为了在网页上显示转换后的温度，目前在我的模板目录中有另一个名为"convert.html“的文件，它是"index.html”文件的完全副本，除了它在主体中包含以下三行代码后： div
浏览 9提问于2021-03-30得票数 0
回答已采纳
2回答
Jinja2异常-找不到属性
html、flask、jinja2、flask-wtforms
在Flask/ Python中处理一个问题。如果这些错误中有几个会弹出，当它们出现时，我就能消除它们；然而，这个错误我似乎无法理解到底。jinja2.exceptions.UndefinedError：'shop.forms.LoginForm object‘没有属性'submit'
下面是我正在使用的代码附注：我已经看到了关于hidden_tag()属
浏览 0提问于2019-03-21得票数 1
2回答
捕获HTML表单提交操作和打印响应之间的时间
python、html、python-3.x、flask、flask-wtforms
我有一个带有HTML表单的Python Flask应用程序，它接受来自用户的少量输入，在python程序中使用这些输入，该程序将处理后的值返回到flask应用程序的return语句中。我想在浏览器上捕获整个处理和渲染输出数据所用的时间，但不确定如何做到这一点。目前，我已经通过python程序捕获了take来处理输入值，但它没有考
浏览 32提问于2019-04-09得票数 0
1回答
使用API将HTML表单数据转换为Flask脚本
python、api、flask、submit、forms、http-post
我正在尝试让下面的python脚本作为一个动态web应用程序工作，它使用HTML表单供用户键入某个停车场编号，然后根据政府网站的API返回有关该给定停车场可用停车场数量的信息。我希望这是一个动态的web应用程序，允许用户从API返回停车场信息。我研究了Flask，并设法在localhost上运行以下代码。",result = result)
app.run(de
浏览 0提问于2018-06-20得票数 1
1回答
如何将不同形式的多个render_template()保存在一个页面中
python、html、flask
我想在python中设计一个带有烧瓶的网页。web首先要求用户输入他们的名字，然后将此表单提交给render_template()函数(简而言之，它只是通过()返回表单)，然后在下面的相同页面上显示结果。在此之后，基于上述结果，我希望提交第二份表单，并在此页面上显示这两份报表。但提交第二份表格后，第一个结果将为空。在提交第二份表格后</e
浏览 3提问于2022-09-01得票数 0
1回答
通过render template flask重新加载html页面中的表单，而无需刷新整个页面
python、html、flask
我只想重新加载html页面中的表单部分，其中包含一些动态绘图，这样一旦表单提交，我就可以使用flask在python文件中获得详细信息。目前，我正在渲染模板，整个页面正在刷新，有没有办法在提交表单后不刷新整个页面。python中的代码： @application.route('/form2', methods=[&#
浏览 207提问于2020-11-23得票数 0
3回答
从网页调用Python脚本
python、apache、cgi、mod-python
我已经找了一段时间，但我找不到如何做我想做的事情的简明解释。理想情况下，网页上会有几个文本字段，"foo“和"bar”。当用户单击submit时，将运行python脚本"src/script.py“，该脚本以某种方式访问这些字段的内容。
我有apache2和mod_python。
浏览 0提问于2012-05-07得票数 0
回答已采纳
1回答
当页面被重新加载时，数据被重新提交到notes[]列表中，然后被打印出来，如html代码所示。如何防止POST请求在重新加载时发生，而不是让GET运行？app=Flask(__name__) @app.route("/", methods=["GET", "POST"]) if request.methodnote = request.form.get("note")
浏览 41提问于2020-07-15得票数 0
2回答
显示Python代码而不是执行它的浏览器
python、html、forms、browser
我已经使用python构建了一个数独解算器，今天我为用户设置了一个网页，让用户将数字输入到一个看起来像数独的网格中，然后单击solve。这是通过一个表单来完成的，"solve“是提交按钮。当我单击submit时，浏览器会将我重定向到一个页面，在那里显示原始的python代码，而不执行任何代码(至少看起来是这样)。表单不应该是问题；我通过简单地将方法属性切换为"get“并检查我被重定向的页面的url
浏览 0提问于2020-05-02得票数 1
1回答
如何在处理程序瓶中获取表单字段？
python、flask、flask-restful
我在水瓶表格中有一些输入字段：<input type="time" name="time[1]"/>
<input type="另外，我知道正确的，我不能使用<input type="time" name="time[]"/>
浏览 1提问于2017-12-04得票数 0
回答已采纳
3回答
在上运行Flask应用程序的问题
python、google-app-engine、flask、gcloud
因此，我有一个简单的Flask应用程序(没有数据库连接)，它需要执行一个函数，其中包含通过表单解析的参数。这个函数处理大量的数据(并且需要几分钟的时间)，它被分成几个部分，然后生成一些字符串。这样做的想法是，当函数运行时，这些字符串在模板上显着地显示出来。我能够做到这一点，当应用程序被托管在本地服务器上时，它就正常工作了。但是，当部署到中时，它不允许我用名称输出这些字符串，而是等到所有函数执行<em
浏览 1提问于2021-03-15得票数 1
回答已采纳
2回答
如何将flask的JSON传递给Javascript
javascript、python、flask
我有一个索引页，其中包含一个表单，填写表单并将数据发送到URL，URL捕获输入，并在数据库中执行搜索，返回一个JSON。如何获得此JSON，并使用Javascript将其放到另一个HTML页面上？GET"><input type="submit" value="Pesquisar">
浏览 0提问于2018-04-01得票数 0
1回答
使用flask从select标记获取值
python、html、flask
我是Flask的新手，在从select标记中获取值时遇到了问题。我已经尝试过request.form['comp_select']，它返回一个错误的请求。但是，当我尝试使用request.form.get('comp_select')时，我的返回页面返回一个空白列表"[]“。我的html：
<form class="form-inline" action="{{ url_for('test&#
浏览 1提问于2015-08-15得票数 45
回答已采纳
1回答
提交表单并通过JQuery显示包含在JSON文件中的结果
jquery、python、json、flask、jqueryform
一旦提交了包含数字列表的表单，我需要(从JSON文件中)提取一个简单计算的结果，在该列表上执行该计算，并在当前页面中的<div></div>标记中输出结果。下面是Flask代码，其中包含通过getlist获得的提交的数字列表。最后通过JSON将计算结果转化为jsonify。from flask import Flask,rende
浏览 4提问于2013-11-05得票数 1
回答已采纳
1回答
我不能让这个简单的表单更新器工作
python、flask
我正在尝试编写一个简单的脚本，将接受用户通过表单的变化，然后写这些变化在什么是当前在文件中。然后在表单下面直接调用该文件，其中包含当前更新的数据。这基本上就是我目前在写的东西。以前，这些函数(例如request.form)在我已经修补过的其他示例中工作得很好，但似乎当我把它们放在一起来应对我自己的挑战时，没有什么能像它应该的那样工作。from <
浏览 2提问于2019-07-17得票数 2
回答已采纳
1回答
无法使用Flask发布简单的HTML表单(Python)
python、html、flask
这是一个非常简单的问题，我很抱歉在这里问它，但我已经在谷歌上搜索了过去3个小时的答案，但没有结果。HTML表单：&l
浏览 6提问于2021-03-08得票数 0
1回答
Chrome显示代码而不是python打印内容
python、html、google-chrome
我在"programming python“中找到了一个示例代码，它的输出与我的测试结果不同。<form method=POST action="test.py">print 'Content-type: text
浏览 0提问于2014-03-18得票数 0
1回答
如何将结果从一个网页缓存到另一个网页？
html、flask
我在我的网站上使用flask。我想使用表单将数据从我的网站提交到另一个网站，然后格式化结果页面( html页面)，然后在我的网站上的浏览器上显示它。表单提交后，浏览器被定向到该(另一个)网站的结果页面。我可以再次将它重定向到我的网站吗？如何处理结果页(在代码中以字符串的形式调
浏览 0提问于2013-05-20得票数 1
1回答
部分web表单请求，AJAX
html、ajax、forms、jquery
我有一个包含多个字段的HTML表单，其中包括映射到实名的user id。我有表单的jQuery验证工作。ID input: [3] ( john doe )
我是否要使用jQuery来检索此信息？我是不是也要创建一个新页面，对POST请
浏览 0提问于2012-06-07得票数 0
1回答
如果用户在登录时忘记了，请更新密码，Python Flask
python、html、mysql、flask
如果用户在登录时忘记了，我正在尝试更新密码。但是它不断地给出下面给出的相同的错误。 错误的请求:浏览器(或代理)发送了此服务器无法理解的请求。cur.connection.commit()
return render_template('NewPassword.html') NewPassword.html Select Option to Chang
浏览 36提问于2021-02-28得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
