HTML 表单仅<input>
在按下“提交”输入时将标记值发送到远程端点。您有三个列表元素,但只有一个“输入”元素 - 提交按钮。
尝试将您希望与表单一起发送的其他元素放在“输入”标签中,并使用适当的类型和“名称”属性来标识在处理代码中如何提取值:
<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>
您可能正在寻找实现“列表”目标的标签是“选择”。Select 具有“选项”子项,它们是下拉列表中的可用选项。
除了“文本”之外,还有其他输入类型;请参阅https://www.w3schools.com/html/html_forms.asp,了解 HTML 表单如何工作的简明基本概要。
编辑:清理了一些格式;添加占位符值,重新阅读 OP 问题后添加列表下拉列表。