如何正确将 HTML 表单数据传递到 Flask 后端-Python教程-PHP中文网

如何正确将 HTML 表单数据传递到 Flask 后端

HTML 表单中必须为元素设置 name 属性，Flask 才能通过 request.form['name'] 正确获取提交的数据；缺少 name 属性会导致 request.form 为空（ImmutableMultiDict([])），即使表单以 POST 方式提交。

html 表单中必须为 `` 元素设置 `name` 属性，flask 才能通过 `request.form['name']` 正确获取提交的数据；缺少 `name` 属性会导致 `request.form` 为空（`immutablemultidict([])`），即使表单以 post 方式提交。

在 Web 开发中，HTML 表单与 Flask 后端的数据传递依赖于标准的 HTTP 表单编码机制：只有带有 name 属性的表单控件，其值才会被包含在 POST 请求体中，并由 Flask 的 request.form 解析为键值对。你提供的 HTML 中，缺少 name 属性，因此浏览器不会将其值作为表单数据提交，导致 request.form 始终为空 —— 这正是 ImmutableMultiDict([]) 的根本原因。

✅ 正确写法如下（关键修改已加粗）：

? 补充说明：id 属性仅用于前端 DOM 操作或 CSS 选择，不影响表单数据提交；而 name 属性才是服务器端识别字段的唯一依据。

使用HTML,CSS,JavaScript开发Android应用程序英文文字pdf版附源文件
如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更

下载

同时，建议优化 Flask 路由逻辑，提升健壮性：

from flask import Flask, render_template, request

app = Flask(__name__)

@app.route("/", methods=["GET", "POST"])
def home():
    sign_user = None
    if request.method == "POST":
        # 推荐使用 get() 避免 KeyError，返回 None 或默认值
        sign_user = request.form.get("sign-username", "").strip()
        if sign_user:
            print(f"Received username: '{sign_user}'")
        else:
            print("Warning: Empty or missing username")
    return render_template("test.html", sign_user=sign_user)

? 注意事项：