Главная Случайная страница


Полезное:

Как сделать разговор полезным и приятным Как сделать объемную звезду своими руками Как сделать то, что делать не хочется? Как сделать погремушку Как сделать так чтобы женщины сами знакомились с вами Как сделать идею коммерческой Как сделать хорошую растяжку ног? Как сделать наш разум здоровым? Как сделать, чтобы люди обманывали меньше Вопрос 4. Как сделать так, чтобы вас уважали и ценили? Как сделать лучше себе и другим людям Как сделать свидание интересным?


Категории:

АрхитектураАстрономияБиологияГеографияГеологияИнформатикаИскусствоИсторияКулинарияКультураМаркетингМатематикаМедицинаМенеджментОхрана трудаПравоПроизводствоПсихологияРелигияСоциологияСпортТехникаФизикаФилософияХимияЭкологияЭкономикаЭлектроника






Пример 18.2. (html, txt)

⇐ ПредыдущаяСтр 44 из 65Следующая ⇒

На данном шаге форма будет выглядеть в браузере следующим образом:

Рис. 18.3. Промежуточный результат на шаге 2

Шаг 3

Создадим поля для ввода email и номера телефона, почтового индекса и города:

<fieldset> <legend>Форма регистрации</legend> <label for=name>ФИО</label> <input id=name name=name type=text> <label for=email>Email</label> <input id=email name=email type=email> <label for=phone>Номер телефона</label> <input id=phone name=phone type=tel> </fieldset>

Пример 18.3. (html, txt)

Как можно видеть по следующему рисунку, результат немного иной, нежели мы ожидали:

Рис. 18.4. Промежуточный результат на шаге 2

Шаг 4

Для выравнивания элементов формы построчно и относительно друг друга необходимо создать таблицу с двумя колонками и без видимых границ. Изменим код следующим образом:

<fieldset> <legend>Форма регистрации</legend> <table class="alignment"> <tr> <td> <label for=name>ФИО</label> </td> <td> <input id=name name=name type=text> </td> </tr> <tr> <td> <label for=email>Email</label> </td> <td> <input id=email name=email type=email> </td> </tr> <tr> <td> <label for=phone>Номер телефона</label> </td> <td> <input id=phone name=phone type=tel> </td> </tr> </table> </fieldset>

⇐ Предыдущая39404142434445464748Следующая ⇒





Date: 2015-07-22; view: 555; Нарушение авторских прав


mydocx.ru - 2015-2025 year. (0.229 sec.) Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав - Пожаловаться на публикацию