Untitled

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Login Page</title>
</head>
<body>
	<button id="login" onclick="openTab(event, 'login-form')">Login</button>
	<button id="login" onclick="openTab(event, 'other')">Other</button>
	<div id="login-form" style="display: none;">
		<form method="post" action="/">
			Username:
			<input type="text" name="user"><br>
			Password:
			<input type="text" name="password"><br>
			<input type="submit">
		</form>
	</div>
	<div id="other" style="display: none;">Other</div>
	<script>
		function openTab(event, tabName) {
			document.getElementById('login-form').style.display = "none";
			document.getElementById('other').style.display = "none";
			document.getElementById(tabName).style.display = "block";
		}
	</script>
</body>
</html>