javascript - Jquery - 具有两个不可编辑值的文本框

Question

原创设计:

所需设计:

我想要一个具有预定义字符 SD 的文本框，并且用户可以添加其他字符或数字。但 SD 无法删除或编辑。是否可以？

提前致谢

Answer 1

你可以像这样解决

<div style="position:relative">
    <input type="text" style="padding-left:25px" />
    <span style="position: absolute; padding: 3px 0; left: 5px">SD</span>
</div>

不要忘记更改填充和左侧值以适合您的字体和大小。