Самоучитель по креативному веб-дизайну. Книга 2, стр.17

Глава 4. Каскадные списки стилей 221





22 2 • Глава 4. Каскадные списки стилей



Выравнивание надписей с элементами формы и

добавление цветов в форму

Как вы уже знаете из главы 3 книги, формы позволяют посетителям переда- вать вам данные, осуществлять поиск в базе данных или передавать данные при — ложению или сценарию, выполняемому на Web-сервере. Формы, как правило, со- держат прямоугольные поля ввода текста, флажки, переключатели и пару кнопок (используемые для передачи результатов формы и очистки элементов ввода формы).

В общем случае, элементы ввода формы от формы к форме выглядят одинаково.

С помощью правил каскадных списков стилей можно расширить используе — мую цветовую гамму и привлечь внимание к форме. Используя бросающийся в глаза цвет для пространства, окружающего элементы, вы можете дать посетителю возможность с одного взгляда оценить количество полей на форме. Более того, применяя правило каскадных списков стилей, которое выделяет надписи возле требуемых полей ввода, вы указываете посетителю, какие поля он должен запол — нить перед передачей результатов форме на Web-сервер для обработки. Кроме того, каскадные списки стилей предоставляют дополнительное средство управления положением на Web-странице текстовых надписей, элементов ввода и кнопок.



ПРАКТИКУМ

Для присвоения форме цвета фона, который будет выделять ее от другого содер —

жимого страницы, поместите форму в элемент , как показано в следующем примере:



Здесь дескриптор определяет область шириной 475 пикселей, в кото- рой находятся элементы формы. Несмотря на то что ширина элемента разделе — ния фиксирована (475 пикселей), длина формы (а, следовательно, и длина эле — мента разделения) определяется количеством, размерами и расположением элементов формы.

google.com bobrdobr.ru del.icio.us technorati.com linkstore.ru news2.ru rumarkz.ru memori.ru moemesto.ru

Оставить комментарий

Вы должны авторизоваться для отправки комментария.

Полезные ссылки
Случайные записи
  • 15.03.2011">Руководство по actionscript. часть 3, стр. 058
  • 16.03.2011">Руководство по actionscript. часть 3, стр. 012
  • 01.03.2011">Руководство по actionscript. часть 5, стр. 128
  • 17.03.2011">Руководство по actionscript. часть 2, стр. 147
  • 22.07.2011">Интернет – кладезь для меломанов
  • 07.03.2011">Руководство по actionscript. часть 4, стр. 114
  • 23.08.2011">ACER Ferrari ONE 200
  • 22.12.2011">Samsung производит процессоры A5 для Apple iPhone 4S и iPad 2
  • 18.05.2010">Самоучитель по креативному веб-дизайну. Книга 2, стр.75
  • 11.08.2011">Пропуск на модный олимп
  • 18.05.2010">Самоучитель по креативному веб-дизайну. Книга 2, стр.80
  • 03.06.2010">Самоучитель по креативному веб-дизайну. Книга 3, стр.96
  • 13.06.2010">Самоучитель по креативному веб-дизайну. Книга 4, стр.84
  • 11.03.2011">Руководство по actionscript. часть 4, стр. 010
  • 11.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.20
Опрос

Какие цвета вы предпочитаете?

View Results

Loading ... Loading ...