Senden von Daten aus einem HTML-Nicht-Eingang Flask

Question

Wie kann ich nicht-Eingabedaten (wie Listen) von html zu Flask senden.

<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>

mit request.from erhalten i nur die Schaltfläche Informationen in Python, aber ich möchte die Daten aus der Liste. Was muss ich tun, damit ich die Listendaten bekomme?

Answer 1

HTML-Formulare nur entlang <input> Eigenschaftswerte an den entfernten Endpunkt senden, wenn eine „Eintragen“ Eingabe gedrückt wird. Sie haben drei Listenelemente, aber nur ein "Eingabe" -Element - die Übergabeschaltfläche.

Versuchen Sie, die anderen Elemente setzen Sie in „input“ Tags mit dem Formular geschickt werden sollen, mit dem entsprechenden Typen und ‚name‘ Attribute identifizieren, wie sie die Werte in der Verarbeitung Code extrahiert werden:

<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> 

Der Tag sind Sie wahrscheinlich auf der Suche nach Ihrer ‚Liste‘ Ziel zu erreichen, ist ‚die Option‘. Wählen Sie "Optionen" untergeordnete Elemente, die in einer Dropdown-Liste verfügbar sind.

Es gibt auch andere Eingabetypen als „Text“; Eine kurze Übersicht über die Funktionsweise von HTML-Formularen finden Sie unter https://www.w3schools.com/html/html_forms.asp.

Edit: einige Formatierungen bereinigt; hinzugefügter Platzhalterwert, hinzugefügte Liste Dropdown nach erneutem Lesen der OP Frage.