带货币符号的 HTML 文本输入字段

Question

我希望有一个文本输入字段在一开始就包含“$”符号，并且无论对该字段进行何种编辑，该符号都将保持不变。

如果只接受数字输入就好了，但这只是一个花哨的添加。

Answer 1

考虑在无边界输入字段周围使用带边框的跨度来模拟具有固定前缀或后缀的输入字段。这是一个基本的启动示例:

.currencyinput {
    border: 1px inset #ccc;
}
.currencyinput input {
    border: 0;
}

<span class="currencyinput">$<input type="text" name="currency"></span>