如何在输入字段中添加永久占位符

【问题标题】：how do i add permanent place holder inside input filed如何在输入字段中添加永久占位符
【发布时间】：2015-07-01 07:22:41
【问题描述】：

我需要在输入字段中添加font-icon所以我使用了这个方法

 <input type="text" name="your name" placeholder="&#xe00b; YOUR NAME" style="font-family:Flaticon" class="restrict">

如您所见placeholder="&#xe00b; YOUR NAME" 这个&#xe00b; 显示font-icon 但我的问题是当用户键入一些文本占位符时，我需要将字体图标永久放置在输入字段内，例如<lable>

谁能帮帮我

【问题讨论】：

这不能通过placeholder 属性来实现——您应该将图标设置为文本字段的背景并正确定位它。 stackoverflow.com/questions/13869618/… 可能会对您有所帮助。

标签： html input font-awesome

【解决方案1】：

你不能。你希望它是什么样子？ placeholder 按设计消失。

如果您希望在输入字段前添加图标前缀，请将它们放在一个容器中，为该容器提供所需的样式，然后将您的图标和input-tag 放在那里。就是这样，how bootstrap your problem solves。

缩短示例：

<div class="input-group">
  <div class="input-group-addon">$</div>
  <input type="text" class="form-control" id="exampleInputAmount" placeholder="Amount">
</div>

当然，你需要 CSS。

【讨论】：

我正在使用 Bootstrap v3.1.1
这样更容易。只需点击我的链接，您就有了解决方案。
如何增加输入高度
请查看引导文档。如果您需要进一步的帮助，请随时提出另一个问题。