如何能让矢量图在搜索框里面?
实例代码如下:
效果为
但是我想把label这个标签删除。导致删除后成了这样
我看了官方API。上面说明label不能删除。不想要只能隐藏。我用了.sr-only类后,label是隐藏了。但是矢量图的位子依然离开了文本框。
好像label和这个矢量图是绑定的样子。。
现在我的问题是如何能正常的让它回到文本框想去掉label又不想这个矢量图离开原来的位子。该怎么办?
<!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>
效果为
但是我想把label这个标签删除。导致删除后成了这样
我看了官方API。上面说明label不能删除。不想要只能隐藏。我用了.sr-only类后,label是隐藏了。但是矢量图的位子依然离开了文本框。
好像label和这个矢量图是绑定的样子。。
现在我的问题是如何能正常的让它回到文本框想去掉label又不想这个矢量图离开原来的位子。该怎么办?
这并不是矢量图,而是"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>