一尘不染

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

html

我想在开始时有一个文本输入字段,其中包含“ $”符号,无论对该字段进行什么编辑,以使该符号保持不变。

如果只接受数字作为输入,我会很好,但这只是一个幻想。


阅读 502

收藏
2020-05-10

共1个答案

一尘不染

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

.currencyinput {

    border: 1px inset #ccc;

}

.currencyinput input {

    border: 0;

}


<span class="currencyinput">$<input type="text" name="currency"></span>
2020-05-10