[解決済み] 通貨記号付き HTML テキスト入力フィールド

質問

テキスト入力フィールドの先頭に "$" という記号を表示し、そのフィールドにどのような編集が行われたとしても、その記号を持続させたいと思います。

入力は数字のみ受け付ければ良いのですが、それは単なる気休めです。

どのように解決するのですか？

ボーダーのない入力フィールドの周りにボーダーのあるスパンを使用して、固定プレフィックスまたはサフィックスを持つ入力フィールドをシミュレートすることを検討してください。以下は基本的なキックオフの例です。

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

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