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

Edd*_*die 18 javascript text user-input input

我正在寻找一种方法来"修复"一个美元符号$到一个文本输入框,例如<input type="text" value="$" />但是不能删除默认值,这样无论用户输入什么,总会有一个$符号'prepending'输入.

干杯

Pek*_*ica 39

有可能background-image但是很难维护,并且不会对字体大小的变化做出反应,这使得它成为IMO不太理想的选择.

我的选择更好的方法是:

  • <span>$</span>输入放在旁边(实际上在它之前).

  • 给它position: relative; left: 20px.

  • $符号然后移动到输入字段.

  • 然后,给出输入字段padding-left: 24px.

  • 瞧!$符号位于输入字段中,不会遮挡任何内容,也无法删除.