如何在文本框中显示span类？

Question

我有日历选项来选择日期。显示在文本框外部的日历图标。

<div class="input-prepend">
<input class="span12"  type="text"  readonly="readonly" id="date" name="date" placeholder="dd-mm-yyyy" />
<span class="add-on"><i class="icon-calendar"></i></span>
</div>

如何使用CSS在内部文本框中显示图标范围？ 感谢

Answer 1

使框/ div看起来像输入框并将日历图标放到左侧

并插入一个没有边框的输入元素

input{
  border: 0 solid #fff !important;
}

  

注意：在标签中使用日历图标，这样当用户点击图标时，它就会聚焦到输入标签

请参阅go to input box in stay in touch

上的示例

Answer 2

.input-prepend {
    display: inline-block;
    position: relative;
}

.add-on {
    position: absolute;
    right: 5px;
    top: 5px;
}