Вход справа налево

Question

Я хочу создать вход, где числа вводятся справа налево, но текст выравнивается вправо. Я играл с атрибутом dir и text-align, но пока не повезло.

Адрес jsfiddle.

<input type="number" dir="rtl"> 

Answer 1

Вам нужно что-то, что происходит при вводе значений в калькулятор? Если да, то попробуйте следующее:

<tr> <td align="right">Present Value:</td> <td><input name="presentValue" type="text" size="20" value='<fmt:formatNumber value="${tvm.presentValue}" minFractionDigits="2" maxFractionDigits="2" />' > </td> </tr>

Answer 2

Вы должны справиться с этим в CSS.

Ваша скрипка обновляется здесь: https://jsfiddle.net/o0o0xq2s/4/, но соответствующий код:

HTML

<input class="right" type="number"> 
<br/> 
I'd like the numbers to be left aligned so the digits grow to the right as I type :(

CSS

.right { 
    direction: rtl; 
    unicode-bidi: bidi-override; 
} 

Существует также старший стек переполнения пример здесь: writing reverse in the textbox

Answer 3

Вот скрипка. https://jsfiddle.net/pbgjtgm8/

Использовать свойства выравнивания и выравнивания текста.

<input class="right" type="number"> 
    .right { 
     direction: rtl; 
     unicode-bidi: bidi-override; 
     text-align: left; 
    }