входное текстовое поле отображает конец строки, чем от начала

Question

Когда у нас есть строка = "aaaaabbb" внутри текстового поля шириной 5 букв. Вместо [aaaaa] я хочу видеть [aabbb] в состоянии покоя.

Я пробовал:

1) direction: rtl <- это, похоже, работает для отображения. Однако, когда я пытался писать больше после abcdefghijklmn (больше слов), слова пишутся с начала текста. (напр. opqrstu [abcdefghijklmn]), который я не хочу. </p>

2) text-align: right <- текст будет перетянут только на правую сторону текстового поля. Не будет показывать конечные буквы. </p>

<input class="control" style=" width:18%; height:100%; margin-right: .5%;" id="link${customer.customerId}" value=${customer.link}></input>

Когда у меня длинный ~~~ адрес ссылки, я хочу увидеть последнюю часть, прежде чем мне нужно будет щелкнуть, чтобы увидеть, потому что первая часть - это все та же строка с https: //....etc

Answer 1

Будьте осторожны при использовании строк шаблона внутри атрибутов HTML. Обычно они работают только при запуске внутри файлов скриптов.

Answer 2

AFAIU вы не можете.

направление: rtl для арабских стран и других языков, которые пишут справа налево, так что все стало инвертированным.

Это базовая функциональность, которая жестко запрограммирована в реализации компонента в браузере. Единственный способ изменить это - нарисовать компонент с нуля и предоставить для него все события. Это очень долгая работа для такой маленькой вещи.

Ваша единственная надежда - возможно, найти уже разработанный компонент, который обеспечивает это, компонент маски или что-то еще. Я не знаю ничего, что работает таким образом.

Редактировать

Jquery-Mask-Plugin предоставляет опцию «реверс». Посмотрите, соответствует ли это вашим потребностям. Проверьте тип "CPF".

https://igorescobar.github.io/jQuery-Mask-Plugin/