<!DOCTYPE html>
<html lang="en">
<head>
<title>Регистрация</title>
<meta charset="windows-1251"/>
<link href="FOG.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<fieldset>
<legend><font face="Century Gothic">Регистрация</font></legend>
<form action="" method="post" class="contact" name = "forma">
<div class="table">
<div>
<label class="fixedwidth"><font face="Century Gothic"><b>ФИО</b></font></label>
<input required type="text" name="contactname" pattern="[А-Яа-яЁё]{1,}\s[А-Яа-яЁё]{1,}\s[А-Яа-яЁё]{1,}" id="FIO" placeholder="Введите своё ФИО">
</div>
<div>
<label for="email" class="fixedwidth"><font face="Century Gothic"><b>E-mail</b></font></label>
<input required type="email" name="email" id="email" placeholder="Введите свой E-mail">
</div>
<div>
<div>
<label for="email" class="fixedwidth"><font face="Century Gothic"><b>Логин</b></font></label>
<input required type="text" name="login" id="login" placeholder="Создайте Ваш логин">
</div>
<label class="fixedwidth"><font face="Century Gothic"><b>Пароль</b></font></label>
<input required type="password" name="password" id="pass" placeholder="Создайте Ваш пароль">
</div>
<div>
<script>
function checkPP() {
if (document.getElementById('pass').value != document.getElementById('conf').value) {
alert ("Пароль и Подтверждение пароля не совпадают!")
}
else {
document.forms['forma'].submit();
}
}
</script>
<label class="fixedwidth"><font face="Century Gothic"><b>Подтверждение пароля</b></font></label>
<input required type="password" name="password2" id="conf" placeholder="Подтвердите пароль">
</div>
</div><!--Окончание раздела table-->
</form>
<div class="buttonarea">
<input type="submit" value="Зарегистрироваться" onClick="checkPP()"/>
</div>
</fieldset>
</body>
</html>