Wie automatisch USD nach Eingabe in Kontaktformular hinzufügen 7

Question

Ich versuche, ein Eingabefeld zu erstellen, mit dem Benutzer Währungsbetrag eingeben können. Ich habe ein Textfeld in Kontaktformular 7 erstellt, aber es sollte automatisch "USD" am Ende hinzufügen, sobald jemand die Ziffer in das Eingabefeld eingibt.

Wenn es nicht möglich ist, wäre USD am Ende des Eingabefeldes auch in Ordnung.

Answer 1

Da es ein required Feld ist, können Sie dies erreichen, indem er einen Tag Hinzufügen des „USD“ Text unmittelbar nach dem input enthält, und legen Sie seine display-none während die input leer ist mit dem :invalidpseudo-class:

#input:invalid+span{ 
 
    display:none; 
 
}

<input id="input" required type="number" value=""><span>USD</span>