Стилизация элементов формы — подборка решений
773

Стилизация элементов формы — подборка решений

19 ноября 2008, 12:15JavaScriptрейтинг +3-

Стилизация элементов формыНе так давно мы писали про стилизация file-input и, судя по вашим комментариям и письмам, статья вам понравилась.

Сегодня мы предлагаем вам подборку решений, с помощью которых вы cможете стилизовать любой элемент формы — checkbox, radiobutton, простой input или select.

Красивые checkbox-ы

Стилизация элементов форм

Работает в связке с jQuery. Тестировано в FF 2+, Opera 9.5+, Safari 3.1+, IE 6+.

Заменитель checkbox-ов и radiobutton-ов

Стилизация элементов формы

Опять же работает с jQuery. Информации о поддержке браузерами нет, но, думаю, работает почти везде.

Скрипт «FancyForm»

Стилизация элементов форм

Скрипт под MooTools. По заверениям разработчика работает даже в старых браузерах (интересно, насколько старых?).

Checkbox-ы, radiobutton-ы и select-ы

Стилизация элементов формы

В отличие от предыдущих, это решение полностью автономное. По словам разработчика корректно работает в Firefox, Opera, Safari и Internet Explorer 7.

Решение «Nice Forms»

Стилизация элементов форм

К сожалению, этот скрипт не работает в Internet Explorer 6.

 

Заключение судмедэксперта

При изменении внешнего вида стандартных (читай, привычных) элементов интерфейса, самое главное — не переусердствовать. Помните, что элемент всегда должен оставаться узнаваем.

Если у вас есть еще какие-то похожие примеры в заначке, то делитесь ими в комментариях.

Memori.rumister-wong.combobrdobr.rumoemesto.rudel.icio.uszakladki.yandex.rugoogle.com/bookmarks/

Понравилась статья?

Тогда подпишись на обновления через RSS или воспользуйся
другими способами подписки.

Читать в Яндекс.Ленте Добавить в Google Добавить в Netvibes
Подписка по электронной почте
 

RSS Комментарии

Пробовал nice forms сначала при составлении цмски, но потом плюнул на это дело - слишком много работы с устаканиваем css стилей, бесконфликтной работы js, плавной деградации при отключенном js. Так что пока использую обычные браузерные селекты.
Артём Курапов, 19 ноября 2008, 13:39
Нет ничего лучше красиво сверстанных стандартных браузерных форм. Считаю, что стилить можно только дропдаун и то в тех редких случаях, когда он не является элементом формы, а например меню.
Tvrbo, 19 ноября 2008, 17:08
Знающие люди, помогите, нужно реализовать элемент формы, который бы работал как input и в то же время как select, чтобы можно было и печатать или выбрать из списка!
Chuuuvi, 19 ноября 2008, 21:21
Красивые вещи... Спасибо ;). Попробую как-нибудь на досуге!
WebMast, 19 ноября 2008, 21:41
WebMast, тебе нужен автокомплит
Grin, 19 ноября 2008, 22:00
> Знающие люди, помогите, нужно реализовать элемент формы, который бы работал как input и в то же время как select, чтобы можно было и печатать или выбрать из списка!
Загугли по слову "html combobox" ;-)
leon, 20 ноября 2008, 0:13
джиквери мне не очень . тяжол он слишком, да я думаю большого ума не надо картинки сделать вместо чекбоксов.
CheShireCode, 20 ноября 2008, 2:03
Не пойму, почему в web тема комбобоксов вообще обделена вниманием, кроме примитивной реализации на jquery ничего толком нет, а между тем элемент то очень прост по своей сути и полезен. Может кто то уделял внимание этой теме, поделитесь идеями, реализациями.
Chuuuvi, 20 ноября 2008, 22:33

Спонсоры

Wi-Fi точки в твоем городе
Profit-project.ru - заработай на своих сайтахРеклама на сайте

Блогорол