Question

我有一个正常的html输入

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

在导入了引导程序和jquery的网站中。

用户应在此输入字段中输入价格，我只想在右侧的输入框内输入$ -sign。

怎么做？

先谢谢：）

Answer 1

在bootstrap中检查here输入组组件。

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

Answer 2

在文本字段的右侧放置一个带有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

HTML输入 - 输入字段末尾的“$”

2 个答案: