Как автоматически добавить USD после ввода в контактной форме 7

Question

Я пытаюсь создать окно ввода, которое позволяет пользователям вводить сумму валюты. Я создал текстовое поле в форме контакта 7, но он должен автоматически добавить «USD» в конце, как только кто-то вводит цифру в поле ввода.

Если это невозможно, доллары, написанные в конце поля ввода, тоже будут хороши.

Answer 1

Как это required поле, вы можете добиться этого путем добавления тега сразу содержащий «USD» текст после input и установите его display в none в то время как input пуст, используя :invalidpseudo-class:

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

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