andruhovski icon

WEB-S0302

andruhovski | PRO | 10/05/16 02:11:08 PM UTC | 0 ⭐ | 528 👁️ | Never ⏰ | []
HTML |

4.45 KB

|

None

|

0 👍

/

0 👎

<!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