Question

我正在使用HTML制作二进制到十进制的计算器。在其中我通过不使用键盘单击就可以输入0和1的按钮，但是问题是，当输入字段填充有0和1时，下一个输入的文本将被隐藏。因此，我希望文本输入字段像右对齐和左文本省略一样：

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

我的代码如下。

<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>

Answer 1

在direction: rtl;上设置#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">

将html输入文本字段设置为文本溢出左省略号

1 个答案: