<!DOCTYPE html>
<html>
<head>
<title>Form Demo</title>
<meta charset="utf-8" />
<style>
div {
margin: 5px;
}
fieldset {
border: 1px black solid;
}
</style>
</head>
<body>
<header>
<h1>Регистрация на конференцию</h1>
</header>
<section>
<p>
Для регистрации на конференции и выставления счета-фактуры, просим заполнить и отправить нам регистрационную форму
</p>
<p>
Поля, отмеченные символом *, являются обязательными для заполнения.
</p>
<form>
<fieldset>
<legend>Конференция:</legend>
<label for="conference">Название конференции*</label>
<input id="conference" type="text" required/>
</fieldset>
<fieldset>
<legend>Сведения об участнике:</legend>
<div><label for="last_name">Фамилия</label><input id="last_name" type="text" required /></div>
<div><label for="first_name">Имя*</label><input id="first_name" type="text" required/></div>
<div><label for="second_name">Отчество*</label><input id="second_name" type="text" required /></div>
<div><label for="job_title">Должность*</label><input id="job_title" type="tel" required/></div>
<div><label for="email">E-mail*</label><input id="email" type="email" required /></div>
<div><label for="phone">Телефон*</label><input id="phone" type="tel" required/></div>
<div><label for="mobile">Мобильный телефон*</label><input id="mobile" type="tel" /></div>
<div><label for="fax">Факс*</label><input id="fax" type="tel" required/></div>
<div><label for="promo_code">Промо-код:</label><input id="promo_code" type="text" /></div>
</fieldset>
<fieldset>
<legend>Сведения об организации:</legend>
<div><label>Полное название организации*</label>
<input id="organization" type="text" required/>
</div>
<div><label for="state">Страна регистрации*</label><input id="state" type="text" /></div>
<div><label for="city">Город*</label><input id="city" type="text" /></div>
<div><label for="vat_number">ИНН (VAT-номер для организаций из стран ЕС):</label>
<input id="vat_number" type="number" required/></div>
</fieldset>
<fieldset>
<legend>
Контактное лицо по оформлению документов:
</legend>
<p>(совпадает с участником конференции)</p>
<div><label for="last_name2">Фамилия*</label><input id="last_name2" type="text" /></div>
<div><label for="first_name2">Имя*</label><input id="first_name2" type="text" /></div>
<div><label for="second_name2">Отчество*</label><input id="second_name2" type="text" /></div>
<div><label for="post_address">Почтовый адрес (с индексом)*</label>
<textarea id="post_address" type="text"></textarea>
</div>
<div><label for="phone2">Телефон*</label><input id="phone2" type="tel" /></div>
<div><label for="fax2">Факс*</label><input id="fax2" type="tel" /></div>
<div><label for="email2">E-mail*</label><input id="email2" type="email" /></div>
</fieldset>
<fieldset>
<legend>Дополнительно:</legend>
<div>
<label for="other">Примечание:*</label>
<textarea id="others" required></textarea>
</div>
</fieldset>
<fieldset><input type="submit" value="Зарегистрироваться"></fieldset>
</form>
</section>
</body>
</html>
Comments