如何在 Flask 表单中正确获取用户输入的文本内容-html教程-PHP中文网

本文详解 Flask 中表单数据提交失败的根本原因——HTML 表单结构不当导致 request.form.get() 返回 None，并提供修复方案、完整可运行代码及关键注意事项。

本文详解 flask 中表单数据提交失败的根本原因——html 表单结构不当导致 `request.form.get()` 返回 `none`，并提供修复方案、完整可运行代码及关键注意事项。

在 Flask Web 应用中，前端表单与后端数据接收必须严格匹配。你遇到的 AttributeError: 'NoneType' object has no attribute 'split' 错误，本质是 request.form.get('users_text') 返回了 None，说明该字段根本未随请求提交到服务器。问题根源在于 HTML 中与

根据 HTML 规范，只有同一

，才会在该表单的提交事件中被序列化发送。你的原始代码将 Start 按钮、文本框、Stop 按钮分别置于三个互不嵌套的

以下是修正后的完整 HTML 片段（关键修改已加注释）：

Flask 3.0.2

Flask 3.0.2 是 Flask 的官方历史稳定版本，下载地址使用 PyPI wheel 包直链，适合指定版本安装和项目环境复现。

下载


  <meta charset="UTF-8"><link rel="stylesheet" href="../static/style.css"><h1>Test Out Your Typing Speed</h1>

  <div class="box">
    <h3 id="instructions">Press the Start Button and then type in the field below. Then, press the Stop Button.</h3>
  </div>

  <!-- Start 按钮仍可独立表单（仅触发计时） -->
  <div class="box">
    <form method="post" action="/">
      <button type="submit" name="button" value="Start_Button">Start</button>
    </form>
  </div>

  <!-- ✅ 关键修复：Stop 按钮与文本框必须在同一 form 内 -->

Typing Speed: {{ speed }} WPM

Accuracy: {{ accuracy }}%

同时，后端逻辑需增强健壮性，避免因 user_text 为空或长度为 0 导致除零或索引错误。推荐优化后的 Flask 路由如下：

from flask import Flask, request, render_template
import time

app = Flask(__name__)

TEST_TEXT = "Hello. The year is 2024."
t0 = None
speed = 0
accuracy = 0
user_text = ""

@app.route('/', methods=["GET", "POST"])
def home():
    global t0, speed, accuracy, user_text

    if request.method == "POST":
        button_pressed = request.form.get('button')

        if button_pressed == 'Start_Button':
            t0 = time.time()
            # 清空上一次结果，准备新测试
            speed = accuracy = 0
            user_text = ""

        elif button_pressed == 'Stop_Button':
            if t0 is None:
                # 防止未点 Start 就点 Stop
                return render_template('index.html', speed=0, accuracy=0)

            elapsed_time = time.time() - t0
            user_text = request.form.get('users_text', '').strip()  # ✅ 安全获取 + 去空格

            if not user_text:
                speed = accuracy = 0
            else:
                # 计算速度（WPM：Words Per Minute）
                word_count = len(user_text.split())
                speed = round(word_count / (elapsed_time / 60), 1) if elapsed_time > 0 else 0

                # 计算准确率（按字符比对，限制在最小长度内防越界）
                min_len = min(len(TEST_TEXT), len(user_text))
                correct_chars = sum(
                    1 for i in range(min_len) if TEST_TEXT[i] == user_text[i]
                )
                accuracy = round(100 * correct_chars / len(user_text), 1) if user_text else 0

            t0 = None  # 重置计时器

    return render_template('index.html', speed=speed, accuracy=accuracy)

⚠️ 关键注意事项：