写一段可以查询公交车的html代码
时间: 2023-08-10 15:05:16 浏览: 55
以下是一个简单的查询公交车的HTML代码示例:
```html
<!DOCTYPE html>
<html>
<head>
<title>查询公交车</title>
</head>
<body>
<h1>查询公交车</h1>
<form>
<label for="bus-route">公交线路:</label>
<input type="text" id="bus-route" name="bus-route"><br><br>
<label for="bus-stop">公交站点:</label>
<input type="text" id="bus-stop" name="bus-stop"><br><br>
<input type="submit" value="查询">
</form>
<p>查询结果:</p>
<div id="bus-info"></div>
<script>
// 处理表单提交事件
document.querySelector('form').addEventListener('submit', function(e) {
e.preventDefault(); // 阻止默认表单提交行为
var route = document.querySelector('#bus-route').value;
var stop = document.querySelector('#bus-stop').value;
// TODO: 发送查询请求并更新页面显示结果
document.querySelector('#bus-info').textContent = '公交车 ' + route + ' 在站点 ' + stop + ' 的到站时间为 5 分钟。';
});
</script>
</body>
</html>
```
注意:这只是一个简单的示例代码,实际应用中需要根据具体情况进行修改和完善。另外,查询公交车需要调用相关API接口,本示例中未进行实现。
相关推荐
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)