С информацией
Только заголовки

Плюс и минус для поля input

Создание и оформление кнопок плюс и минус для поля <input>

Небольшой скрипт на jQuery, который при нажатии на соотвествующую кнопку, прибавляет и отнимает единичку в текстовом поле.

Также в этой теме есть несколько вариантов оформления этих кнопок.

Читать далее

Радиокнопки — карточки

Оформление переключателей radio в виде карточек для тарифов или другой информации

Ранее уже был похожий пример в теме "Радиокнопки с иконками". Этот отличается немного другой реализацией, оформлением и предназначением.

Читать далее

Показ определенных блоков при изменении формы

Вывод заданных блоков при изменении элементов формы radio, checkbox и select

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

В данной теме показаны примеры на jQuery для показа ранее скрытых блоков при выбранном значении radio, checkbox и select

Читать далее

Оформление ползунка input type="range"

Оформление ползунка input type="range", вывод его значения и линейки с диапазоном.

Использование стандартного ползунка <input type="range"/> часто бывает более простым и удобным, чем применение различных библиотек и плагинов, например jQuery UI Slider. Его оформление и функционал уступают не сильно, а вот кол-во кода на странице значительно уменьшается.

В данной теме рассмотрен один из вариантов стилизации такого ползунка.

Читать далее

Плавное переключение радиокнопок

Плавное перемещение подсветки активной радиокнопки

Данное решение заменяет стандартные радиокнопки <input type="radio" /> обычными кнопками, а небольшой JS реализует плавный переход подсветки на активную.

Читать далее

Фильтр контента по буквам на jQuery

Небольшой скрипт на jQuery реализующий поиск и фильтрацию контента по буквам

Данный скрипт убирает контент, который не имеет совпадения с искомыми данными, а также подсвечивает найденное буквосочетание.

Читать далее

Радиокнопки с иконками

Стилизация переключателей radio с использованием иконочных шрифтов или картинок

В примере используется шрифт Font Awesome и графическая иконка

Читать далее

Переключатель checkbox с фоновым изображением

Вариант использования фонового изображения на переключателе checkbox

Эффект сделан на чистом CSS

Читать далее

Стилизованная рабочая форма обратной связи

Создание формы обратной связи с валидацией, оформлением, отправкой письма и описанием

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

Валидация заполненных полей осуществляется средствами jQuery, плюс дополнительно можно добавить проверки на php

Читать далее