2014-09-25 104 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