javascript - 如何向字段添加美元符号而不将其包含在值中

Question

我需要在显示支付总额的框中添加一个美元符号，但我不希望该美元符号包含在“值(value)”标签中。这就是我现在拥有的。

<input type="number" class="total" id="totalpaying" name="totalpaying" value="<% total %>" readonly>

Answer 1

1. 创建一个样式类似于文本框的容器
2. 在此容器内添加两个内联元素:
   • 保存货币符号的范围
   • 用于保存值的输入文本框
3. 将输入元素设置为无边框。

这将创建带有货币符号的文本框的错觉。该符号不可编辑。