RadioButton auf einem 8266 auswerten

Thomas G. (taximan) OP (Firma: Frickelhauptquartier) 15.11.2020 20:58 #6476817

Lesenswert?

•

Moin, ich hänge hier gerade fest:

client.print("<input type='radio' name=r value=1> One<br>");
         client.print("<input type='radio' name=r value=2> Two<br>");
         client.print("<input type='radio' name=r value=3> Three<br>");
         client.print("<input type=submit value=submit></form>");
         client.print("</body></html>");
         value = // was muss ich hier machen, um den Wert 1,2 oder 3 
zuzuweisen?

Die Buttons werden auf der erstellten Webseite angezeigt, der 
"submit"-Button auch, und dann weiss ich nicht weiter. Vermutlich nur ne 
Kleinigkeit, aber welche?

danke Thomas

Angehängte Dateien:

frage.ino (5,29 KB) | Codeansicht

Antwort Zitieren Bearbeiten Thread verschieben Thread sperren Anmeldepflicht aktivieren Anpinnen Thread löschen Thread mit anderem zusammenführen Beitrag melden

Timmo H. (masterfx) 15.11.2020 23:27 #6476953

Lesenswert?

•

▲
▼

So oder so ähnlich mache ich es

html_header.h

const char MY_HTTP_HEADER[] PROGMEM            = "<!DOCTYPE html><html lang=\"en\"><head><meta name=\"viewport\" content=\"width=device-width, initial-scale=1, user-scalable=no\"/><title>{v}</title>";
const char MY_HTTP_STYLE[] PROGMEM           = "<style>.c{text-align: center;} div,input{padding:5px;font-size:1em;} input[type=text]{width:95%;} input[type=radio] {width=30%;} body{text-align: center;font-family:verdana;} button{border:0;border-radius:0.3rem;background-color:#1fa3ec;color:#fff;line-height:2.4rem;font-size:1.2rem;width:100%;} .q{float: right;width: 64px;text-align: right;}</style>";
const char MY_HTTP_HEADER_END[] PROGMEM        = "</head><body><div style='text-align:left;display:inline-block;min-width:260px;'>";
const char MY_HTTP_BODY_END[] PROGMEM             = "</div></body></html>";

main.cpp

#include "WiFi.h"
#include "ESPAsyncWebServer.h"
AsyncWebServer server(80);
void setup() {
    WiFi.begin(SSID, WIFIPASS);
    while (WiFi.status() != WL_CONNECTED) {
        delay(500);
        Serial.print(".");
    server.on("/blubb", HTTP_GET, handleBLUBB);
    server.on("/blubb", HTTP_POST, handlepostBLUBB);
void handleBLUBB(AsyncWebServerRequest *request){
    String page = FPSTR(MY_HTTP_HEADER);
    page.replace("{v}", "Radio Buttons");
    page += FPSTR(HTTP_HEADER_END);
    page += F("<h1>Radiobuttons</h1><br />");
    page += F("<form action=\"/blubb\" method=\"post\">");
    page += F("<input type='radio' name=r value=1> One<br>");
    page += F("<input type='radio' name=r value=2> Two<br>");
    page += F("<input type='radio' name=r value=3> Two<br>");
    page += F("<input type=submit value=submit></form>");
    page += FPSTR(MY_HTTP_BODY_END);
    request->send(200, "text/html",page);
void handlepostBLUBB(AsyncWebServerRequest *request){
    String page = FPSTR(MY_HTTP_HEADER);
    page.replace("{v}", "Geiler Titel");
    page += FPSTR(HTTP_STYLE);
    page += FPSTR(HTTP_HEADER_END);
    int params = request->params();
    for(int i=0;i<params;i++){
        AsyncWebParameter* p = request->getParam(i);
        if(p->isPost()){
            page += "POST[" +  String(p->name().c_str()) + "]: " + String(p->value().c_str()) + "<br />";
    page += FPSTR(MY_HTTP_BODY_END);
    request->send(200, "text/html",page);

Antwort Zitieren Bearbeiten Löschen Beitrag melden

RadioButton auf einem 8266 auswerten

Antwort schreiben