在HTML/JavaScript中，如何在输入文本框中的任何值的末尾附加'%'符号？[duplicate]

ou6hu8tu 于 2023-01-11 发布在 Java

关注(0)|答案(1)|浏览(206)

Adding text after a input value in JavaScript（4个答案）
4天前关闭。
我有一个这样的输入文本框，但我想在末尾输入的任何值的末尾追加%

<input type="text" digitsOnly/>

如果输入50，则显示50%
我尝试在样式中添加content: "%"，但是在输入的末尾什么也没有出现。我还尝试在输入的末尾添加%，但是当我想让它在文本框中的值后面时，它却显示在文本框的外面。
我试过：

<input type="text" digitsOnly/> %

1条答案

您可以将%放在输入旁边，并设置元素的样式，使其看起来像单个框：

/* Remove the border on the input */
.box input { border:none; }

.box { border:1px solid grey; padding:1px; }

<span class="box">
  <input type="text" digitsOnly/>%
</span>