结束时,我有自举和jQuery进口一个网站一个普通的HTML输入
<input class="span12" placeholder="Sample_Placeholder" name="Sample_Name" type="text">
。
用户应该在此输入字段中输入价格,我只想在右侧的输入框中输入$ -sign。
如何做到这一点?
感谢advcance :)
结束时,我有自举和jQuery进口一个网站一个普通的HTML输入
<input class="span12" placeholder="Sample_Placeholder" name="Sample_Name" type="text">
。
用户应该在此输入字段中输入价格,我只想在右侧的输入框中输入$ -sign。
如何做到这一点?
感谢advcance :)
检查here用于引导输入组组件。
<div class="input-group">
<input type="text" class="form-control" placeholder="Price">
<span class="input-group-addon">$</span>
</div>
放置一个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>
当你输入很多文字时,它会落后于$。如果你添加一些正确的填充到输入它会阻止这一点。 http://jsfiddle.net/k24wtbk8/3/ – FlabbyRabbit 2014-09-25 11:46:22
在文本框后面添加带$的标签 – 2014-09-25 11:37:08
我不确定里面的含义。如果您希望它看起来像是输入元素的一部分,请尝试使用http://getbootstrap.com/components/#input-groups。否则,当用户停止输入时,您需要一些脚本将其添加到值的末尾,但这会变得非常棘手。 – gpgekko 2014-09-25 11:42:12