esp8266建立的网页内输入框判断输入值是否为123,点击页面内按钮后如果是就在串口监视器中输出这个值
时间: 2024-03-25 14:35:33 浏览: 53
好的,你可以参考下面的代码示例:
```c
#include <ESP8266WiFi.h>
#include <ESP8266WebServer.h>
const char* ssid = "YourSSID";
const char* password = "YourPassword";
ESP8266WebServer server(80);
void handleRoot() {
String html = "<html><body><h1>Enter a value:</h1>";
html += "<form method='post' action='/submit'>";
html += "<input type='text' name='input_box'><br><br>";
html += "<input type='submit' value='Submit'>";
html += "</form></body></html>";
server.send(200, "text/html", html);
}
void handleSubmit() {
String input_value = server.arg("input_box");
if (input_value == "123") {
Serial.println("Input value: " + input_value);
}
server.send(200, "text/plain", "Value submitted");
}
void setup() {
Serial.begin(9600);
WiFi.begin(ssid, password);
while (WiFi.status() != WL_CONNECTED) {
delay(1000);
Serial.println("Connecting to WiFi...");
}
Serial.println("Connected to WiFi");
server.on("/", handleRoot);
server.on("/submit", handleSubmit);
server.begin();
Serial.println("HTTP server started");
}
void loop() {
server.handleClient();
}
```
需要注意的是,这个示例代码中需要替换的部分有:
- `YourSSID`:你的WiFi热点名称
- `YourPassword`:你的WiFi热点密码
- `Serial.begin(9600)`:串口波特率需要与串口监视器设置的一致
另外,这个示例代码中创建了一个简单的网页,包含一个输入框和一个按钮。当你在输入框中输入值并点击按钮提交时,会调用 `handleSubmit()` 函数对输入值进行判断,如果是 "123",就在串口监视器中输出这个值。你可以根据实际需要修改网页的内容和样式,以及输入框的 name 属性值和判断条件。
阅读全文