Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
vizyfgj1
@vizyfgj1
JavaScript
CSS
Как сделать input форму с range слайдером, как на скрине?
Как сделать такую инпут форму, может быть есть готовая библиотека?
Вопрос задан
более трёх лет назад
173 просмотра
Комментировать
Подписаться
2
Простой
Комментировать
Facebook
Вконтакте
Twitter
Решения вопроса
1
Danny Arty
@DanArst
Куратор тега CSS
Гриффиндор в моде при любой погоде!
Вот так?
snippet
Ответ написан
более трёх лет назад
1
комментарий
Нравится
2
1
комментарий
Facebook
Вконтакте
Twitter
vizyfgj1
@vizyfgj1
Автор вопроса
Спасибо большое!
Написано
более трёх лет назад
Пригласить эксперта
Ответы на вопрос
2
Alex
@Kozack
Куратор тега CSS
Thinking about a11y
Берёте
форму
В ней
label
В нем числовой
инпут
Рядом
range
Оформляете
Добавляете
скрипт
. В нем
По
событию
"
input
" в одном инпуте --
изменяете значение
во втором
И наоборот
Ответ написан
более трёх лет назад
5
комментариев
Нравится
5
комментариев
Facebook
Вконтакте
Twitter
vizyfgj1
@vizyfgj1
Автор вопроса
И? Про интеграцию с обычным inputом там ни слова
Написано
более трёх лет назад
Евгений
@iamd503
Куратор тега CSS
vizyfgj1
, интеграция пишется на js
Написано
более трёх лет назад
Alex
@Kozack
Куратор тега CSS
vizyfgj1
, А, о, простите, как я не понял что вам нужно? Вся логика поведения ... это же очевидно по вашему скриншоту :)))
Написано
более трёх лет назад
vizyfgj1
@vizyfgj1
Автор вопроса
Alex
, для меня неочевидно, поэтому я и задал здесь вопрос.
Написано
более трёх лет назад
Alex
@Kozack
Куратор тега CSS
vizyfgj1
, Угу. Поправил ответ.
Написано
более трёх лет назад
Евгений
@iamd503
Куратор тега CSS
Верстальщик
Гуглите range slider
Ответ написан
более трёх лет назад
1
комментарий
Нравится
1
комментарий
Facebook
Вконтакте
Twitter
vizyfgj1
@vizyfgj1
Автор вопроса
и? выдает стандартную документацию.
Написано
более трёх лет назад
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
CSS
+1 ещё
Простой
Почему после изменений в css на сайте нет изменений?
1 подписчик
5 часов назад
58 просмотров
1
ответ
CSS
Простой
Как выровнять в гриде по горизонтали?
1 подписчик
13 часов назад
70 просмотров
1
ответ
JavaScript
+2 ещё
Средний
Как решить задачку из контеста?
1 подписчик
22 часа назад
155 просмотров
1
ответ
JavaScript
+1 ещё
Простой
Есть ли js-библиотека для офлайн-распознавания русской речи?
1 подписчик
вчера
101 просмотр
2
ответа
JavaScript
Простой
Почему не работает в консоли setTimeout?
1 подписчик
11 окт.
276 просмотров
1
ответ
CSS
+2 ещё
Средний
Как решить проблему с появлением пустого пространства под drawer из shadcn?
2 подписчика
02 окт.
91 просмотр
1
ответ
JavaScript
Простой
Как прочитать ответ сервера после отправки формы?
2 подписчика
27 сент.
273 просмотра
1
ответ
CSS
Простой
Как пофиксить визуальный глитч с border-radius и transparent + blur?
2 подписчика
26 сент.
146 просмотров
2
ответа
CSS
Простой
CSS3 как выбрать последние 4 элемента?
1 подписчик
25 сент.
194 просмотра
2
ответа
CSS
Простой
Как заставить css-variables перевычисляться?
1 подписчик
23 сент.
169 просмотров
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Fullstack Developer (JS/Node.js)
Wisebits
от 4 000 €
Fullstack разработчик (Laravel + Vue.js/React.js)
Nomadic Soft
от 1 600 до 2 240 $
Full-Stack разработчик PHP/Vue.js
Лига Роботов
•
Новосибирск
от 150 000 до 200 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама