如何能让矢量图在搜索框里面?

实例代码如下:
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表单提示信息</title>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
</head>
<body>
<div class="container">
    <form role="form">
      <div class="form-group has-success has-feedback">
        <label class="control-label" for="inputSuccess1">成功状态</label>
        <input type="text" class="form-control" id="inputSuccess1" placeholder="成功状态" >
        <span class="help-block">你输入的信息是正确的</span>
        <span class="glyphicon glyphicon-ok form-control-feedback"></span>
      </div>
    </form>    
</div>
</body>
<html>

效果为
11.png

但是我想把label这个标签删除。导致删除后成了这样
222.png

我看了官方API。上面说明label不能删除。不想要只能隐藏。我用了.sr-only类后,label是隐藏了。但是矢量图的位子依然离开了文本框。
好像label和这个矢量图是绑定的样子。。
现在我的问题是如何能正常的让它回到文本框想去掉label又不想这个矢量图离开原来的位子。该怎么办?
已邀请:

rew1011

赞同来自: cw19931024

这并不是矢量图,而是"Glyphicon Halflings"字体。
<form class="form-inline">
<div class="form-group has-feedback">
<input type="text" class="form-control" id="inputSuccess4" aria-describedby="inputSuccess4Status">
<span class="glyphicon glyphicon-search form-control-feedback" aria-hidden="true"></span>
<span id="inputSuccess4Status" class="sr-only">(success)</span>
</div>
</form>

要回复问题请先登录注册