view mod_http_oauth2/html/login.html @ 5272:acab61ba7f02

mod_http_oauth2: Focus username field automatically Reduces effort, not having to click or tab to focus the username field. Should have no negative effects since there's no other elements one might want to focus.
author Kim Alvefur <zash@zash.se>
date Thu, 23 Mar 2023 16:48:18 +0100
parents 7acf73d2ebb5
children 398d936e77fb
line wrap: on
line source

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>{site_name} - Sign in</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
	<main>
	<h1>{site_name}</h1>
	<fieldset>
	<legend>Sign in</legend>
	<p>Sign in to your account to continue.</p>
	{state.error&<div class="error">
		<p>{state.error}</p>
	</div>}
	<form method="post">
		<input type="text" name="username" placeholder="Username" aria-label="Username" required autofocus><br/>
		<input type="password" name="password" placeholder="Password" aria-label="Password" autocomplete="current-password" required><br/>
		<input type="submit" value="Sign in">
	</form>
	</fieldset>
	</main>
</body>
</html>