如何通过按按钮从 HTML 表单获取文本值

问题描述 投票:0回答:1

我目前正在学习使用 Python 和 Flask 进行 Web 开发,我正在尝试创建一个网站,用户可以在其中输入数字,然后 Python 脚本获取该数字并用它执行某些操作。

为了获取用户的输入,我使用了 HTML 表单。

<body>
    <div class="start">
        <form action="/submit" method="post">
            <input type="submit" class="start-button" value="start">
        </form>
    </div>

    <div class="Filter-options">

        <form action="/modify" method="post" class="price">
            <p>Preis:</p>
            <label for="option1">
                <input type="text" name="options" class="price-field" value="0">
            </label>
        </form>

    </div>

</body>

现在,当按下按钮时,我的烧瓶功能被激活,并且应该从我的文本输入表单中获取文本值。

from flask import Flask, render_template, request
from livereload import Server
import sys


sys.path.insert(0, "C:\\Users\\Myuse\\Downloads\\cellular_contract-main (1)\\cellular_contract-main")
print()
app = Flask(__name__)

@app.route('/')
def Home():
    return render_template("home.html")

@app.route("/submit", methods=["POST"])
def submit():
    if request.method == "POST":
        text_value = request.form.get("options")
        from compare import main
        result = main(text_value)
        return f"{result}"  

# @app.route("/modify", methods=["POST"])
# def modify(text_input=None):
#     if text_input is None:
#         text_input = float(request.form.get("options"))
    
    

if __name__ == '__main__':
    app.run(debug=True)

但是我只能通过在字段中按 Enter 来获取文本值,然后无法将文本值获取到按钮功能。我可以不用按钮做我想做的事,但我想要一个按钮。

python html flask
1个回答
1
投票

您已经创建了两个独立的表单。一个带有输入字段,另一个带有发送按钮。但是,该按钮必须属于您要提交的同一表单。因此,fom 标签必须包含输入字段和按钮。然后,通过单击按钮发送包含输入字段中所有数据的表单。

<form action="{{ url_for('.submit') }}" method="post">
    <div class="start">
        <input type="submit" value="start" class="start-button" />
    </div>
    <div class="filter-options">
        <label for="option1">Preis</label>
        <input type="text" name="options" value="0" id="option1" class="price-field" />
    </div>
</form>
© www.soinside.com 2019 - 2024. All rights reserved.