您无法添加图标和文本，因为您无法将其他字体应用于占位符的一部分，但是，如果您对仅图标感到满意，那么它就可以工作。FontAwesome图标只是带有自定义字体的字符（您可以在规则中查看FontAwesome备忘单中转义的Unicode字符content。在较少的源代码中，可以在[变量中找到它。less的挑战是，当输入为不是空的。。
<form role="form">
<div class="form-group">
<input type="text" class="form-control empty" id="iconified" placeholder=""/>
</div>
</form>
使用此CSS：
input.empty {
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
}
这个（简单的）jQuery
$('#iconified').on('keyup', function() {
var input = $(this);
if(input.val().length === 0) {
input.addClass('empty');
} else {
input.removeClass('empty');
}
});
但是，字体之间的过渡将不平滑。
602392714
清零编程群