Непослушные формы. Часть№1 Плагины для форматирования полей ввода, чек-боксов, радио-кнопок и простых кнопок

Все знают насколько трудно справиться с формами ввода данных и их элементами. В каждом браузере, каждый элемент формы, будь то простая кнопка, радио-кнопка, выпадающий список, поле ввода, чек-бокс или окошко с флажком, отображаются, можно сказать без преувеличения, как захотят. Вернее, как захочет отобразить их данный конкретный браузер. Эта статья ответит на вопросы пользователей о том, как изменить вид кнопки, выпадающего списка, радио-кнопки и остальных элементов форм ввода, на свой вкус и в соответствие с дизайном того сайта, на котором они находятся.

Изучение материалов по этой теме утвердило меня в мысли, что справиться с этими элементами средствами CSS и HTML невозможно, приходится прибегать к инструментам jQuery, который очень часто выручает в, подобных этой, «неразрешимых» ситуациях.

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

jqTransform

Страница плагина: http://www.dfc-e.com/metiers/multimedia/opensource/jqtransform/

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

Niceforms

Страница скрипта: http://www.emblematiq.com/lab/niceforms/

Это не плагин специально для WordPress, а обычный jQuery скрипт, который позволяет придать любой форме совершенно неповторимый вид из предустановленного набора или создать свой собственный, затратив при этом минимум усилий.

Uniform

Страница плагина: http://pixelmatrixdesign.com/uniform/

Плагин Uniform маскирует стандартные элементы управления форм ввода и заменяет их на пользовательские в режиме полной совместимости и доступности для любого браузера

JNice

Страница плагина: http://plugins.jquery.com/project/jNice

Плагин JNice помогает веб-мастеру придать чек-боксам, флажкам, радио-кнопкам и другим элементам форм ввода пользовательский вид, совершенно отличный от стандартного. Используются для этого jQuery и CSS

jQuery FormOne

Страница плагина: http://www.azurem.com/jqf1/

Плагин для WordPress Jquery FormOne претендует на пальму первенства среди своих конкурентов в деле форматирования элементов форм управления. Как утверждают авторы, с помощью этого плагина с элементами форм МОЖНО ДЕЛАТЬ ЧТО УГОДНО И КАК УГОДНО.

CRIR

Страница плагина: http://www.chriserwin.com/scripts/crir/index.php

Плагин CRIR изменяет внешний вид только радио-кнопок и чек-боксов. Отформатировать внешний вид этих элементов очень просто любому пользователю, немного знающему CSS.

jQuery Checkbox

Страница плагина: http://widowmaker.kiev.ua/checkbox/

Плагин jQuery Checkbox изменяет вид чек-боксов на такой, как показано на примере. На мой взгляд (не хочу навязывать вам свое мнение) они выглядят чересчур оригинально. Этот плагин работает также и с радио-кнопками.

File Style

Страница плагина: http://www.appelsiini.net/projects/filestyle

Плагин File Style позволяет заменять стандартную кнопку загрузки файлов на пользовательскую картинку.

В следующих статьях этого цикла мы подробно рассмотрим схемы установки и использования каждого из перечисленных плагинов и скриптов. Статьи этого цикла, в отличие от предыдущего (Хаки и хитрости для WordPress) будут выходить не ежедневно, поэтому, чтобы ничего не пропустить, подпишитесь на обновления блога.

  1. Константин

    Действительно, какие расширенные возможности появляются при использовании таких плагинов в деле изменения некоторых элементов в блоге, это довольно интересно.

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

    1. eavasi

      Прекрасно, именно такой оценки мне и не хватало для продолжения дела. Приятно, когда плоды твоих трудов потребны людям.

  2. Константин

    Действительно, какие расширенные возможности появляются при использовании таких плагинов в деле изменения некоторых элементов в блоге, это довольно интересно.

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

    1. eavasi Автор записи

      Прекрасно, именно такой оценки мне и не хватало для продолжения дела. Приятно, когда плоды твоих трудов потребны людям.

  3. Ajpro

    Шикарная подборка, но стоит отметить, что есть не точности. На пример niceforms — вовсе не плагин jquery, а обычный JS-скрипт.

    1. eavasi Автор записи

      Согласен, что это только скрипт. Мне не хотелось его так называть, чтобы не отпугивать неискушенных пользователей. Прочитают «Скрипт» и все, дальше пойдут, и даже не оглянутся, а так, когда «Плагин», хоть попытаются разобраться...

Добавить комментарий

Ваш e-mail не будет опубликован.