Как горизонтально инвертировать тип ввода = «текст» для калькулятора?

Question

Im делает простой калькулятор, используя html, css и javascript. Я хочу отобразить числа в правой части входного элемента?

Как я могу это сделать?

Является лучшим типом ввода для калькулятора? Можно ли переместить числа вправо? Как калькулятор?

Спасибо!

Answer 1

Я бы рекомендовал использовать вход type="number", поэтому можно ввести только числа. Но вы также можете использовать вход type="text", как и предполагалось.

Вы можете добиться отображения чисел с правой стороны с помощью text-align:right; в CSS.

#number1 { 
 
    text-align: right; 
 
}

<input id="number1" type="number" />