给我用html写一个控制esp8266灯的代码
时间: 2024-01-25 22:04:44 浏览: 89
好的,以下是一个简单的 HTML 页面,可以通过点击按钮来控制 ESP8266 板上的 LED 灯:
```html
<!DOCTYPE html>
<html>
<head>
<title>ESP8266 LED 控制</title>
<meta charset="UTF-8">
</head>
<body>
<h1>ESP8266 LED 控制</h1>
<p>点击按钮来控制 LED 灯:</p>
<button onclick="sendData('on')">开灯</button>
<button onclick="sendData('off')">关灯</button>
<script>
function sendData(status) {
var xhr = new XMLHttpRequest();
xhr.open("GET", "http://192.168.1.100/led?status=" + status, true);
xhr.send();
}
</script>
</body>
</html>
```
这个页面包含两个按钮,分别是“开灯”和“关灯”,点击按钮会向 ESP8266 板发送 HTTP GET 请求,请求 URL 中包含了 LED 灯的控制命令。
需要注意的是,这个页面中的 `http://192.168.1.100/led` 需要替换成你的 ESP8266 板的 IP 地址和控制命令的 URL。另外,还需要在 ESP8266 的代码中实现对应的控制逻辑,才能真正地控制 LED 灯的开关。
阅读全文