56 lines
1.6 KiB
HTML
56 lines
1.6 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="ru">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8" />
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
|
|
<meta name="site-key" content="example.com" />
|
||
|
|
<title>Вход</title>
|
||
|
|
<link rel="stylesheet" href="./styles.css" />
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<main class="page">
|
||
|
|
<section class="card" aria-labelledby="login-title">
|
||
|
|
<div class="card__header">
|
||
|
|
<h1 id="login-title">Добро пожаловать</h1>
|
||
|
|
<p class="card__subtitle">Войдите, чтобы продолжить</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<form class="form" id="login-form" novalidate>
|
||
|
|
<label class="field">
|
||
|
|
<span class="field__label">Логин</span>
|
||
|
|
<input
|
||
|
|
class="field__input"
|
||
|
|
type="text"
|
||
|
|
name="login"
|
||
|
|
autocomplete="username"
|
||
|
|
minlength="3"
|
||
|
|
maxlength="64"
|
||
|
|
required
|
||
|
|
/>
|
||
|
|
</label>
|
||
|
|
|
||
|
|
<label class="field">
|
||
|
|
<span class="field__label">Пароль</span>
|
||
|
|
<input
|
||
|
|
class="field__input"
|
||
|
|
type="password"
|
||
|
|
name="password"
|
||
|
|
autocomplete="current-password"
|
||
|
|
minlength="8"
|
||
|
|
maxlength="128"
|
||
|
|
required
|
||
|
|
/>
|
||
|
|
</label>
|
||
|
|
|
||
|
|
<button class="button" type="submit">
|
||
|
|
Войти
|
||
|
|
</button>
|
||
|
|
|
||
|
|
<div class="form__message" id="form-message" role="status" aria-live="polite"></div>
|
||
|
|
</form>
|
||
|
|
</section>
|
||
|
|
</main>
|
||
|
|
<script src="./login.js"></script>
|
||
|
|
</body>
|
||
|
|
</html>
|