Bonjour à toutes et à tous.
je suis en cours de conception d’un clignoteur multi fonctions. j'aimerai récupérer la valeur sélectionnée dans une liste déroulante, mais je ne vois pas comment faire.
Voici le bout de code qui réalise ma page HTML:
client.println("HTTP/1.1 200 OK");
client.println("Content-type:text/html");
client.println("Connection: close");
client.println();
// Affichage de la page Web HTML
client.println("<!DOCTYPE html>");
client.println("<html>");
client.println("<head>");
client.println("<meta charset=\"utf-8\">");
client.println("<meta charset=\"viewport\" content=\"width=device-width, initial-scale=1\">");
client.println("<title>ARP Signal : Clignoteur Wi-fi</title>");
client.println("<style type=\"text/css\">");
client.println("*{");
client.println("text-align: center;");
client.println("margin: auto;");
client.println("font-family: arial;");
client.println("}");
client.println("header {");
client.println("background-color: #3AB8BE;");
client.println("padding: 5px;");
client.println("padding-top: 2%;");
client.println("padding-bottom:2%;");
client.println("margin-bottom: 2%;");
client.println("color: white;");
client.println("}");
client.println("#jour {");
client.println("border-style: solid;");
client.println("border-color: #008CBA;");
client.println("border-width: 1px;");
client.println("max-width: 420px;");
client.println("padding: 10px;");
client.println("}");
client.println("#nuit {");
client.println("border-style: solid;");
client.println("border-color: #008CBA;");
client.println("border-width: 1px;");
client.println("max-width: 420px;");
client.println("padding: 10px;");
client.println("}");
client.println("footer {");
client.println("color: white;");
client.println("background-color: grey;");
client.println("width: 100%;");
client.println("padding-top: 2%;");
client.println("padding-bottom:2%;");
client.println("margin-top: 1%;");
client.println("text-align: center;");
client.println("}");
client.println("button{");
client.println("background-color: #008CBA;");
client.println("color:white;");
client.println("padding: 10px;");
client.println("border-style: none;");
client.println("}");
client.println("</style>");
client.println("</head>");
client.println("<body>");
client.println("<header>");
client.println("<h1>ARP Signal : Clignoteur Wi-fi</h1>");
client.println("</header>");
client.println("<label>Choisissez votre clignotement</label>");
client.println("<select name=\"pets\" id=\"pet-select\">");
client.println("<option value=\"OFF\">OFF</option>");
client.println("<option value=\"1S/1S\">1S/1S</option>");
client.println("<option value=\"1S/2S\">1S/2S</option>");
client.println("<option value=\"0,5S/0,5S\">0,5S/0,5S</option>");
client.println("<option value=\"0,5S/1S\">0,5S/1S</option>");
client.println("<option value=\"0,1S/1S\">0,1S/1S</option>");
client.println("<option value=\"0,1S/1,5S\">0,1S/1,5S</option>");
client.println("<option value=\"0,1S/2S\">0,1S/2S</option>");
client.println("<option value=\"0,1s x 2/1S\">0,1s x 2/1S</option>");
client.println("<option value=\"0,1s x 2/1,5S\">0,1s x 2/1,5S</option>");
client.println("<option value=\"0,1s x 2/2S\">0,1s x 2/2S</option>");
client.println("</select> <br /><br />");
client.println("<div id=\"jour\">");
client.println("<h2>Configuration Journée</h2><br />");
client.println("<label for=\"appt\">Heure de journée</label>");
client.println("<input type=\"time\" id=\"appt\" name=\"appt\" required><br />");
client.println("<label for=\"lum-j-num\">Luminosité</label><br />");
client.println("<input type=\"number\" id=\"lum-j-num\" name=\"Lum-j-num\"");
client.println(" min=\"0\" max=\"100\">");
client.println("</div><br />");
client.println("<div id=\"nuit\">");
client.println("<h2>Configuration Nuit</h2><br />");
client.println("<label for=\"appt\">Heure de Nuit</label>");
client.println("<input type=\"time\" id=\"appt2\" name=\"appt2\" required><br />");
client.println("<label for=\"lum-N-num\">Luminosité</label><br />");
client.println("<input type=\"number\" id=\"lum-N-num\" name=\"Lum-N-num\"");
client.println("min=\"0\" max=\"100\">");
client.println("</div><br />");
//client.println("<button type="submit">Envoyer</button>");
client.println("<p><a href=\"/envoie\"><button class=\"button\">Envoyer</button></a></p>");
client.println("<footer>Copyright 2022 JC ARP SIGNAL</footer>");
client.println("</body></html>");
client.println();
if (header.indexOf("GET /envoie") >= 0) {
Serial.println("envoie");
}
Le bouton envoie lui fonctionne, mais pour la liste déroulante?
Si quelqu'un a une idée?
