javascript - 如何在不影响输入值的情况下向输入字段添加美元符号？

Question

如何将 $ 添加到以下输入:

<td class="td10"><input type='text' class='form-control' id="boqRate" name="boq[boqRate]"></td>

Answer 1

试试这个。我添加了带有 position:absolute 的 span 元素。

.prefix {
  margin-right: -10px;
  position: absolute;
}

.my-input {
  padding-left: 5px;
}

<td class="td10"><span class="prefix">$</span><input class="my-input" type='text' class='form-control' id="boqRate" name="boq[boqRate]"></td>