2016-07-15 6 views
-1

ユーザーが通貨額を入力できる入力ボックスを作成しようとしています。連絡先フォーム7でテキストボックスを作成しましたが、入力ボックスに数字が入力されると自動的に最後に「USD」が追加されます。入力後にUSDを自動的に追加する方法7

入力フィールドの最後に書かれた米ドルも問題ありません。

#input:invalid+span{ 
 
    display:none; 
 
}
<input id="input" required type="number" value=""><span>USD</span>
:それは requiredフィールドであるとして、あなたはすぐに input後に「USD」のテキストを含むタグを追加することによって、これを達成することができますし、 input:invalid pseudo-classを使用して空になっている間にその display noneに設定

+0

jqueryを使用する必要があります。または、htmlとcssだけがhttp://stackoverflow.com/a/2913366/3697102を参照する場合 – Ayan

+0

「必須」フィールドですか? – Shaggy

+0

@Shaggyはい!必須フィールドです – user6176114

答えて

関連する問題