eugeniy.ho
/
javascript_practice


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243
							<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>Форма авторизации</title>
		<link rel="stylesheet" href="index.css">
	</head>
	<body>
		<form class="form js-form"
		      method="post"
		      action=""
		>
			<div class="form__row">
				<label class="form__label"
				       for="login"
				>Login</label>
				<input class="form__input js-form-login"
				       type="text"
				       id="login"
				>
			</div>
			<div class="form__row">
				<label class="form__label"
				       for="password"
				>Password</label>
				<input class="form__input js-form-password"
				       type="password"
				       id="password"
				>
			</div>
			<button class="form__button"
			        type="submit"
			>Login</button>
			<div class="alert alert-success js-alert js-alert-success"
			     role="alert"
			>Authorization success</div>
			<div class="alert alert-danger js-alert js-alert-danger"
			     role="alert"
			>Authorization error</div>
		</form>
		<script src="./index.js"></script>
	</body>
</html>