Нескучные HTML формы

Автор: Евгений Рыжков Дата публикации: 03.09.2010

Одно из самых нелюбимых занятий для меня (уверен, что не только для меня) — это верстка скучных форм:

скучная форма

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

Заметка

В демо примерах функциональность форм несколько упрощена, чтобы проще было смотреть.

Примеры интересных форм

форма для Nivea
  • нестандартный выпадающий список, содержащий сheckbox'ы. Длинные позиции показываются только при наведении на них, чтобы не загромождать всю форму выпавшим списком;
  • нестандартные radio кнопки;
  • нестандартные checkbox;
  • перелистывание между окнами формы.

Посмотреть форму.

форма для выбора девушек
  • нестандартные чекбоксы;
  • диапазоны полей в виде ползунков.

Посмотреть форму.

форма для gmen
  • перелистывание экранов формы;
  • нестандартные checkbox;
  • нестандартные radio кнопки;
  • нестандартные выпадающие списки.

Посмотреть форму (не работает в IE).

P.S.

Присылайте свои примеры интересных решений для следующей подборки.