Лучший способ добавить печатные числа перед текстом поля ввода HTML5?

Question

Для поля ввода мне нужно добиться, чтобы каждое введенное число должно было находиться перед полем ввода.

Пример: тип 9, 5, 1 должен давать 159.

Я надеялся на решение с HTML5 (например, dir="rtl"), но не смог найти его.

Только с использованием Javascript, кажется, есть решение:

var elem = document.getElementById(elemId);
elem.focus();
elem.setSelectionRange(0, 0);

, которое я реализовалв Jquery:

$('input').keyup( function(e) {
    $(this)[0].setSelectionRange(0, 0);
});

Примечание: поле ввода должно быть type="text".type="number" не будет работать!

Другим способом достижения этого может быть удаление фокуса с поля и повторная настройка фокуса.

Однако я все еще пытаюсь найтирешение исключительно на основе HTML5.

Answer 1

Вот, пожалуйста:

input {
  unicode-bidi:bidi-override;
  direction: RTL;
}

Источник