2019-12-01 13:22:08 +00:00
|
|
|
<!DOCTYPE html>
|
2019-12-01 14:56:40 +00:00
|
|
|
|
2019-12-01 13:22:08 +00:00
|
|
|
<body>
|
|
|
|
|
|
2019-12-01 14:56:40 +00:00
|
|
|
<head>
|
|
|
|
|
<style>
|
|
|
|
|
html,
|
|
|
|
|
body {
|
|
|
|
|
height: 100%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
html {
|
|
|
|
|
display: table;
|
|
|
|
|
margin: auto;
|
|
|
|
|
}
|
2019-12-01 13:22:08 +00:00
|
|
|
|
2019-12-01 14:56:40 +00:00
|
|
|
body {
|
|
|
|
|
display: table-cell;
|
|
|
|
|
vertical-align: middle;
|
|
|
|
|
}
|
2019-12-01 13:22:08 +00:00
|
|
|
|
2019-12-01 14:56:40 +00:00
|
|
|
input {
|
|
|
|
|
width: 100%;
|
|
|
|
|
box-sizing: border-box
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
</head>
|
|
|
|
|
<h2>WIFI Configuration</h2>
|
|
|
|
|
<a href="#">Refresh</a>
|
|
|
|
|
<form>
|
|
|
|
|
<div class="wifi-list">
|
|
|
|
|
<a href="#" onclick="fillSSID(this.innerHTML)">WifiName</a><br>
|
|
|
|
|
<a href="#" onclick="fillSSID(this.innerHTML)">WifiName</a><br>
|
|
|
|
|
<a href="#" onclick="fillSSID(this.innerHTML)">WifiName</a><br>
|
|
|
|
|
<a href="#" onclick="fillSSID(this.innerHTML)">WifiName</a><br>
|
|
|
|
|
<a href="#" onclick="fillSSID(this.innerHTML)">WifiName</a><br>
|
|
|
|
|
<a href="#" onclick="fillSSID(this.innerHTML)">WifiName</a><br>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="wifi-form">
|
|
|
|
|
<input id="wifi-ssid" type="text"><br>
|
|
|
|
|
<input id="password" type="text"><br>
|
|
|
|
|
<input type="submit" value="Connect">
|
|
|
|
|
</div>
|
|
|
|
|
</form>
|
|
|
|
|
<script>
|
|
|
|
|
function fillSSID(value) {
|
|
|
|
|
document.getElementById("wifi-ssid").value = value;
|
|
|
|
|
}
|
|
|
|
|
</script>
|
2019-12-01 13:22:08 +00:00
|
|
|
</body>
|
