формы

Сверстайте форму регистрации, показанную на рис. 1. Ширина формы и её полей фиксирована.

Рис. 1

Сверстайте форму из PSD-файла для ввода коктейля.

Автор описания и дизайна — Александр Шпак.

Сверстайте пошаговую форму из PSD-файлов для ввода информации о коктейле.

Автор дизайна Артём Боровиков.

Сверстайте форму из PSD-файла для ввода коктейля.

Автор дизайна Verder (Александр) — http://freeway-design.ru

Создайте форму на HTML5, показанную на рис. 1.

[画像:Рис. 1]

Рис. 1

Сделайте форму, показанную на рис. 1, в которой поля обязательные к заполнению отмечены крестиком, а необязательные поля зеленой галочкой. При корректном заполнении обязательных полей должен меняться и рисунок возле поля.

[画像:Вид формы]

Рис. 1. Вид формы

Сделайте в браузере Opera ввод чисел, как показано на рис. 1.

[画像:Поле для ввода числа]

Рис. 1. Поле для ввода числа

Создайте без использования таблиц форму регистрации, представленную на рис. 1. Ширина обрамляющей рамки и серого поля внизу с кнопкой «Зарегистрироваться» резиновая, и меняется в зависимости от ширины окна браузера. Форма должна корректно работать в IE7, IE8, IE9, Firefox 3, Safari 5, Opera 10, Opera 11, Chrome 6 и старше.

Создайте поисковое поле для браузеров Chrome и Safari как показано на рисунке ниже.

[画像:Верхняя картинка показывает вид поля по умолчанию, нижняя картинка показывает поле после получения фокуса и набора текста]