将数据从 html 非输入发送到 Flask

Question

如何将非输入数据（如列表）从 html 发送到 Flask。

<form action="/" method="POST"> 
  <ul class="list-group">
    <li class="list-group-item " id="">Data that i want to receive 1</li>
    <li class="list-group-item " id="">Data that i want to receive 2</li>
    <li class="list-group-item " id="">Data that i want to receive 3</li>
  </ul>
  <input name="send" type="submit" value="Send">
</form>

with request.from 我只收到 python 中的按钮信息，但我想要列表中的数据。我必须做什么，才能获取列表数据？

Answer 1

当按下 "submit" 输入时，

HTML 表单仅将 <input> 标记值发送到远程端点。您有三个列表元素，但只有一个 "input" 元素 - 提交按钮。

尝试将您希望与表单一起发送的其他元素放在 "input" 标记中，并使用适当的类型和 'name' 属性来标识如何在处理代码中提取值：

<form action="/" method="POST"> 
<ul class="list-group">
    <li class="list-group-item">
        <select name="my_select"> <!-- *NOTE* the select field, with options in a dropdown -->
            <option value="val1">Value 1</option>
            <option value="val1">Value 2</option>
            <option value="val1">Value 3</option>
        </select>
    </li>
    <li class="list-group-item">
        <input type="text" name="data_2" placeholder="Data that I want to receive 2"></input>
    </li>
    <li class="list-group-item">
        <input type="text" name="data_3" placeholder="Data that I want to receive 3"></input>
    </li>
    <li class="list-group-item">
        <input name="send" type="submit" value="Send"></input>
    </li>
</ul>

您可能正在寻找实现 'list' 目标的标签是 'select'。 Select 有 'option' 个子项是下拉列表中的可用选项。

除"text"外还有其他输入类型；有关 HTML 表单如何工作的简明基本概述，请参阅 https://www.w3schools.com/html/html_forms.asp。

编辑：清理了一些格式；添加占位符值，在重新阅读 OP 问题后添加列表下拉列表。

将数据从 html 非输入发送到 Flask

Sending data from a html non-input to Flask

html

javascript

python

request.form

flask