从html非输入向Flas发送数据

Question

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

{<1分$ <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>

Answer 1

当按下“submit”输入时，HTML表单只向远程端点发送<input>标记值。您有三个list元素，但是只有一个“input”元素-submit按钮。在

请尝试将您希望与表单一起发送的其他元素放入“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>

在

为了实现你的“列表”目标，你可能要寻找的标签是“选择”。选择具有下拉列表中可用选项的“选项”子项。在

除了“text”之外还有其他输入类型；请参见https://www.w3schools.com/html/html_forms.asp了解HTML表单如何工作的简明基本概要。在

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