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 질문을 다시 읽은 후 목록을 추가했습니다.