javascript - 使用 javascript/jquery 将字符修复为文本输入框

Question

我正在寻找一种将美元符号“修复”到文本输入框的方法，例如 <input type="text" value="$" />但不能删除默认值，因此无论用户输入什么，总是有一个 $ 符号“前置”输入。

干杯

Answer 1

有可能是 background-image但它很难维护，并且不会对字体大小的变化使用react，这使得它成为 IMO 不太理想的选择。

在我看来，更好的方法是:

放一个<span>$</span>在输入旁边(实际上是在它之前)。

给它position: relative; left: 20px .

$ 符号然后移动到输入字段中。

然后，给输入字段 padding-left: 24px .

瞧! $ 符号在输入字段中，不会遮挡任何内容，也无法删除。