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

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> 

Answer 2

这应该工作：

 let input = document.getElementById("name"); input.addEventListener("keydown", () => { let inputValue = input.value; if (inputValue) { if (inputValue.charAt(0) === "$") { inputValue = inputValue.substring(1); } } let newValue = `$${inputValue}`; input.value = newValue; }); 

 <input id="name" /> 

希望能帮助到你！