Вывод заданных блоков при изменении элементов формы radio, checkbox и select
Частенько при изменении элементов формы, нужно показать другие ее элементы или вывести текстовую информацию.
В данной теме показаны примеры на jQuery для показа ранее скрытых блоков при выбранном значении radio, checkbox и select
Оформление ползунка input type="range", вывод его значения и линейки с диапазоном.
Использование стандартного ползунка <input type="range"/> часто бывает более простым и удобным, чем применение различных библиотек и плагинов, например jQuery UI Slider. Его оформление и функционал уступают не сильно, а вот кол-во кода на странице значительно уменьшается.
В данной теме рассмотрен один из вариантов стилизации такого ползунка.
Плавное перемещение подсветки активной радиокнопки
Данное решение заменяет стандартные радиокнопки <input type="radio" /> обычными кнопками, а небольшой JS реализует плавный переход подсветки на активную.
Небольшой скрипт на jQuery реализующий поиск и фильтрацию контента по буквам
Данный скрипт убирает контент, который не имеет совпадения с искомыми данными, а также подсвечивает найденное буквосочетание.
Стилизация переключателей radio с использованием иконочных шрифтов или картинок
В примере используется шрифт Font Awesome и графическая иконка
Вариант использования фонового изображения на переключателе checkbox
Эффект сделан на чистом CSS
Создание формы обратной связи с валидацией, оформлением, отправкой письма и описанием
Преимущество данной формы в том, что в ней нет необходимости ставить капчу и мучать тем самым ее отправителей, а не спамботов.
Валидация заполненных полей осуществляется средствами jQuery, плюс дополнительно можно добавить проверки на php
Оригинальный эффект, который ставит и стирает галочки на полях checkbox карандашом
Данный вариант не использует графику и какие-либо библиотеки. Карандаш сделан линейным градиентом, а галочка закодирована в base64
Небольшой скрипт Autosize.js для автоматической настройки высоты текстовой области textarea.
Ранее уже была заметка для автоматического изменения поле ввода input. Данный скрипт делает тоже самое, только для текстовой области textarea.
