HTML輸入 - 「$」，在輸入字段

結束時，我有自舉和jQuery進口一個網站一個普通的HTML輸入

<input class="span12" placeholder="Sample_Placeholder" name="Sample_Name" type="text">

。

用戶應該在此輸入字段中輸入價格，我只想在右側的輸入框中輸入$ -sign。

如何做到這一點？

感謝advcance :)

來源

2014-09-25 user3876178

在文本框後面添加帶$的標籤 – 2014-09-25 11:37:08

我不確定裏面的含義。如果您希望它看起來像是輸入元素的一部分，請嘗試使用http://getbootstrap.com/components/#input-groups。否則，當用戶停止輸入時，您需要一些腳本將其添加到值的末尾，但這會變得非常棘手。 – gpgekko 2014-09-25 11:42:12

檢查here用於引導輸入組組件。

<div class="input-group"> 
    <input type="text" class="form-control" placeholder="Price"> 
    <span class="input-group-addon">$</span> 
</div>

來源

2014-09-25 11:45:02 user2014

放置一個span與文本字段的右側$標誌和使用z-index可以放在文本字段的頂部。

.currency { 
    position:relative; 
    z-index:1; 
    margin-left:-20px; 
} 

<input class="span12" placeholder="Sample_Placeholder" name="Sample_Name" type="text"> 
<span class="currency">$</span>

Fiddle

來源

2014-09-25 11:43:27

當你輸入很多文字時，它會落後於$。如果你添加一些正確的填充到輸入它會阻止這一點。 http://jsfiddle.net/k24wtbk8/3/ – FlabbyRabbit 2014-09-25 11:46:22

HTML輸入 - 「$」，在輸入字段

回答

相關問題