сделать html поле ввода текста как текстовое переполнение левого многоточия - PullRequest
Новая
       27

сделать html поле ввода текста как текстовое переполнение левого многоточия

4 голосов
/ 14 апреля 2020

Я делаю двоичный в десятичный калькулятор, используя HTML. В котором я сделал для кнопок, чтобы ввести 0 и 1, нажав на него без использования клавиатуры, но проблема в том, что, когда поле ввода заполнено 0 и 1, то следующие введенные тексты скрыты. Поэтому я хочу, чтобы поле ввода текста выравнивало текст по правому краю и переполняло текст по левому краю, например:

[......... 01010101110101]

My код указан ниже. 

<html>
<title>Binary to Decimal</title>
<head>
</head>
<body>
<input id="input" style="text-align:right; text-overflow:ellipsis;" type="text" >
<br>
<br>
<input  onclick="enter(0)" value="0" type="button">
<input onclick="enter(1)" value="1" type="button">
<input onclick="convert()" value="Convert" type="button">
<script>
function enter(n_val){
document.getElementById("input").value += n_val
}
</script>
</body>
</html>

1 Ответ

2 голосов
/ 14 апреля 2020

Set direction: rtl; on #input: 

function enter(n_val) {
  document.getElementById("input").value += n_val
}
#input {
  direction: rtl;
  text-overflow:ellipsis;
}
<input id="input" type="text" />
<br/>
<br/>
<input onclick="enter(0)" value="0" type="button">
<input onclick="enter(1)" value="1" type="button">
<input value="Convert" type="button">
...