39. Lektion: Webseiten für den Webserver erstellenAus Attraktor WikiVersion vom 8. Februar 2024, 13:35 Uhr von Kapest (Diskussion | Beiträge) Wenn der Webserver effektiv genutzt werden soll, so sind entsprechende Webseiten erforderlich. InhaltsverzeichnisHTML SteuerelementeButtonSo sieht z.B. ein Button aus:
<form action="/control/led" method="GET"> <input type="hidden" name="state" value="on"> <button type="submit">LED Einschalten</button> </form> Das sehen wir uns mal näher an: <form action="/control/led" method="GET"> ... </form> Zuerst wird ein HTML-Formular erstelt. Dieses enthält 2 Attribute:
Hier die Stelle in Serverprogramm: @server.route("/control/led", ["GET"]) def led(request):
<input type="hidden" name="state" value="on"> Dazu dient das Input-Element. Es hat keinen schließenden Tag. Dieses hat hier 3 Argumente:
Hier wird als type hidden verwendet, weil nichts eingegeben werden muss. Dieser Button liefert per Definition den Wert on zurück.
Hier wird von der Server-Funktion der Wert geholt: @server.route("/control/led", ["GET"]) def led(request): state = request.query.get("state", None) Nun muss noch der Button definiert werden: <button type="submit">LED Einschalten</button> Das Button-Tag hat das Argument type mit dem Wert submit. Das bedeutet, das beim Anklicken des Button die Werte des Formulars zum Server geschickt werden.
Dropdown-Menue - select/optionAuswahl (select)Eingabe Felder (input)Schieberegler (slider)Aufbau einer Webseite |