2016-07-15 73 views
-1

我正在嘗試創建一個允許用戶輸入貨幣金額的輸入框。我已經以聯繫表格7創建了一個文本框,但是一旦有人將數字輸入到輸入框中,它就會在最後自動添加「USD」。如何在輸入聯繫表格後自動添加USD 7

如果不可能,輸入字段末尾寫的USD也可以。

+0

你需要爲它使用jQuery。或者如果只有html和css看看http://stackoverflow.com/a/2913366/3697102 – Ayan

+0

它是一個'required'字段嗎? – Shaggy

+0

@毛茸茸是!這是必填字段 – user6176114

回答

2

由於它是一個required場,你可以通過添加input後立即包含「USD」文本標籤實現這一目標,並設置其displaynoneinput是空的使用:invalidpseudo-class

#input:invalid+span{ 
 
    display:none; 
 
}
<input id="input" required type="number" value=""><span>USD</span>