如何在输入字段中添加美元符号而不影响输入值？

Question

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

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

Answer 1

尝试这个。我添加了 span 元素position:absolute。

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