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>

request.fromと

私はpythonでボタンの情報を受け取り、しかし、私は、リストからのデータが欲しいです。私はリストデータを得ることができますか？

Answer 1

HTMLフォームは、「送信」入力が押されたときに、<input>タグ付き値をリモートエンドポイントに送信するだけです。あなたは3つのリスト要素を持っていますが、ただ1つの "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"以外の入力タイプもあります。 HTMLフォームの動作の簡潔な基本的な説明については、https://www.w3schools.com/html/html_forms.aspを参照してください。

編集：一部の書式設定がクリーンアップされました。プレースホルダの値が追加され、OP質問を再読み込み後にリストのドロップダウンリストが追加されました。