@1233211

Как сделать такой инпут?

Подскажите, пожалуйста, как сделать такой input.
Нужно, чтобы % всегда были рядом с цифрами.
FMQCQ.png
  • Вопрос задан
  • 207 просмотров
Решения вопроса 1
@lolrofl01
Тут инпут только там, где единица. Остальное - тупо поле со сверстанными процентом и кнопками вверх\вниз, которые работают через js. Так что решение простое, верстаете как на макете, затем позиционированием вставляете слева реальный инпут. И останется в js кнопочки активировать, чтоб верхняя брала значение инпута, добавляла +1 и вставляла в инпут, а нижняя делала тоже самое, только -1. Вот и вся задача. Главное проверку добавьте, чтобы при -1 ниже нуля не опускалось значение.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@ksnk
https://jsfiddle.net/wjg8oLsd/ Не то ?
функция вычисления размера инпута стырена со stackoverflow
P.S. Обновил решение
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы