Все сервисы Хабра
Сообщество 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
Простой
Как пофиксить визуальный глитч с border-radius и transparent + blur?
1 подписчик
вчера
85 просмотров
2
ответа
CSS
Простой
CSS3 как выбрать последние 4 элемента?
1 подписчик
25 сент.
134 просмотра
2
ответа
CSS
Простой
Как заставить css-variables перевычисляться?
1 подписчик
23 сент.
130 просмотров
1
ответ
HTML
+1 ещё
Простой
Как убрать линии у бейджиков в Markdown?
1 подписчик
23 сент.
140 просмотров
1
ответ
JavaScript
+2 ещё
Простой
Как менять картинки у карточки в списке товаров?
3 подписчика
22 сент.
178 просмотров
1
ответ
JavaScript
Простой
Где найти исходники стандартной библиотеки JavaScript?
1 подписчик
21 сент.
232 просмотра
2
ответа
JavaScript
+2 ещё
Простой
Где найти такой слайдер?
1 подписчик
20 сент.
167 просмотров
1
ответ
CSS
Простой
Как в CSS писать стили исходя из ширины себя как @container?
2 подписчика
18 сент.
141 просмотр
1
ответ
JavaScript
+2 ещё
Простой
На сколько практично разделять логику загрузки данных?
4 подписчика
16 сент.
1116 просмотров
2
ответа
JavaScript
+1 ещё
Простой
Как настроить алиасы для html в Vite?
3 подписчика
14 сент.
561 просмотр
0
ответов
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Senior Automation QA Engineer
OfferCase
•
Москва
от 400 000 ₽
Senior frontend developer
DigitalHR
•
Ереван
До 4 000 $
Frontend разработчик
Selecty
от 200 000 до 330 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама