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

Ползунок диапазона с ленточкой

Красивый ползунок с анимированной лентой - Verly Range Slider

Небольшой скрипт Verly Range Slider, работающий поверх нативного <input type="range">.Для отрисовки ленты, которая следует за ползунком с инерцией и плавностью, используется физический движок Verlet.

  • Вес JS-кода — около 17 КБ.
  • Цвет ленты меняется через параметр инициализации.
  • Поддерживается множественное использование на странице.
Читать далее

Калькулятор букв и других символов

Калькулятор заглавных и строчных букв, цифр, пробелов и других символов на jQuery

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

Читать далее

Рейтинг со звездочками на CSS

Два варианта рейтинга со звездочками по 5-ти и 10-ти бальной шкале

Для удобства работы с рейтингом звездочки сделаны на radio кнопках с использованием SVG-иконок и на чистом CSS.

Читать далее

Запоминание данных формы

Запоминание введенных данных в элементах формы

Небольшой JS код для запоминания введенных в форму данных, которые сохраняются в локальное веб-хранилище localStorage

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

Еще в теме представлен альтернативный вариант на jQuery с плагином garlic.js

Читать далее


Автозаполнение для поля input

jQuery плагин Autocomplete для автозаполнения текстовых полей input

Быстрый и легкий jQuery плагин для автозаполнения текстовых input полей формы. Он автоматически предлагает сопоставление введенных в текстовое поле ключевых слов с данными из массива, что позволяет пользователям быстро находить нужные значения.

Читать далее

Сдвигающийся плейсхолдер

Замена атрибута placeholder тегом label и последующая манипуляция им

Данное решение выполнено через псевдокласс :placeholder-shown, который отображает текст подсказки, заданной атрибутом placeholder.

Читать далее

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

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

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

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

Читать далее

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

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

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

Читать далее

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

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

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

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

Читать далее