将数据从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

当按下“提交”输入时，HTML表单仅将<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>

您可能希望实现“列表”目标的标记是“选择”。从下拉列表中选择“可选”子项是可用选项。

还有其他输入类型而不是“文本”;请参阅https://www.w3schools.com/html/html_forms.asp，了解HTML表单的工作原理。

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