2014-09-25 21 views
0

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

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

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

如何做到這一點?

感謝advcance :)

+0

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

+4

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

回答

3

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

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

放置一個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

+0

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