JavaScript / jQuery и настраиваемые элементы формы - PullRequest
5 голосов
/ 01 февраля 2011

Привет всем,

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

Я давно использую JS и jQuery.Преимущество jQuery заключается в том, что существует множество ресурсов и плагинов для различных нужд, которые вы можете использовать «из коробки».Тем не менее, я вижу много сайтов, использующих довольно красивые элементы формы (стилизованные вводы для: текста / пароля, радио, флажков, выпадающих меню и т. Д.).Но я не смог найти ни плагин jQuery, ни фреймворк JavaScript, который бы давал возможность разрабатывать / стилизовать элементы формы.Либо у них нет поддержки элементов, либо они очень нестабильны.

  • Пользовательский интерфейс jQuery (который я недавно начал использовать) не поддерживает ввод текста и выпадающие меню.
  • NiceForms довольно аккуратный, но в некоторых браузерах он немного нестабилен и довольно хакерский.Он заменяет некоторые элементы различными div-позициями с абсолютным позиционированием, что иногда полностью разрушает мой макет или просто не работает (при плавающем режиме и т. Д.).Также ему не хватает множества базовых атрибутов, таких как ширина некоторых элементов.

Я ищу способ стилизовать их графически.Поэтому я не хочу просто изменять его границы с помощью CSS.Знаете ли вы какие-либо ресурсы, я могу использовать для этого?Я сам написал бы код, но я немного боюсь огромной работы, так как заставить настраиваемые поля формы работать во всех распространенных браузерах может быть очень нервно.

Кто-нибудь знает другие?(все еще поддерживается или стабильно) подходит, чем jQuery UI и NiceForms?

Ответы [ 3 ]

2 голосов
/ 01 февраля 2011

Есть много решений ... Вот 25 из них

1 голос
/ 01 февраля 2011

Подумайте еще раз

Существуют ли какие-либо конкретные причины для стилизации элементов формы вне возможностей CSS, которые со временем растут (подумайте о CSS3) и на самом деле выигрывают от удобства использования формы ?Какой стиль вы хотели бы сделать, что не может быть выполнено с помощью CSS?

Более подробно: Я предлагаю вам подумать о ваших пользователях, которые привыкли к обычным элементам HTML-формыи их функциональность, а также то, как они появляются на экране.Если вы полностью измените их внешний вид, это может означать, что ваша форма сделает ее намного хуже с точки зрения удобства использования.Так что некоторые стили в порядке, слишком большая их часть может сделать вашу форму непригодной для использования.

Но если вам нужны только пользовательские поля формы, вы можете получить их обычно как плагины jQuery, но они обычно основаны насуществующие элементы ввода HTML.

богатая альтернатива функциональности с согласованным стилем

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

1 голос
/ 01 февраля 2011

Вот метрическая тонна плагинов jQuery для стилей форм:

http://speckyboy.com/2009/08/26/20-jquery-plugins-and-tutorials-to-enhance-forms/

Также это: http://pixelmatrixdesign.com/uniform/

Boom! 50+ форм скинов JQuery! http://www.tripwiremagazine.com/2009/09/50-jquery-plugins-for-form-enhancements.html

Исходя из вышесказанного, jqTransform выглядит изящно. Вот учебник по его использованию: http://woork.blogspot.com/2009/04/how-to-skin-html-form-elements-in.html

...