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

时间:2017-12-17 22:15:15

标签: javascript python html flask request.form

如何将非输入数据(如列表)从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中的按钮信息,但我想要列表中的数据。我必须做什么,我可以得到列表数据?

1 个答案:

答案 0 :(得分:0)

当按下“提交”输入时,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问题后添加列表下拉列表。