Html 输入字段Laravel 4/Blade中的图标
我试图在blade中的输入字段中添加一个图标,如下所示 但是不要成功。我已经在按钮上放置了一个图标:Html 输入字段Laravel 4/Blade中的图标,html,laravel,laravel-4,icons,blade,Html,Laravel,Laravel 4,Icons,Blade,我试图在blade中的输入字段中添加一个图标,如下所示 但是不要成功。我已经在按钮上放置了一个图标: {{ HTML::decode(Form::button('<i class="glyphicon glyphicon-check"></i> Send', array('class' => 'btn'))) }} {{HTML::decode(Form::button('Send',array('class'=>'btn')))} 我是这样将其添加到输入的:
{{ HTML::decode(Form::button('<i class="glyphicon glyphicon-check"></i> Send', array('class' => 'btn'))) }}
{{HTML::decode(Form::button('Send',array('class'=>'btn')))}
我是这样将其添加到输入的:
{{ HTML::decode(Form::text('From','<i class="glyphicon glyphicon-check"></i> '.Input::get('from'),array('class' => 'myclass', 'id' => 'fromform'))) }}
{{ Form::myField('From',Input::get('from'),'fromform', 'glyphicon-check') }}
{{HTML::decode(Form::text('From',''.Input::get('From'),array('class'=>'myclass','id'=>'fromform'))}
给出此输出:
不是我们要找的
我试图在标签和输入中添加图标,但没有任何效果。有人有主意吗?HTML/Blade
<label class="block clearfix">
<span class="block input-icon input-icon-right">
<input class="form-control" placeholder="Username" name="username" type="text" value="">
<i class="ace-icon fa fa-user"></i>
</span>
</label>
样品
希望这有帮助。:) 多亏了@Razor,我终于让它工作了,尽管这可能是一个解决办法: 如下所示设置宏:
{{ Form::macro('myField', function($name, $value = null, $id = null, $class){
return '<div class="inner-addon left-addon">
<i class="glyphicon '.$class.'"></i>
<input type="text" name="'.$name.'" class="myclass" id="'.$id.'" value="'.$value.'" />
</div>';
});
}}
我将css从中去掉:
如果有人知道实现它的另一种方法,我很高兴听到 该代码应该可以正常工作。你得到了什么输出?代码在一个按钮上运行得很好,但是我想要输入中的图标,它不工作。等一下,我来看看这个谢谢,@Razor我知道纯HTML没有问题,但是需要一个解决方案,bladeI将在这种情况下创建一个。
/* enable absolute positioning */
.inner-addon {
position: relative;
}
/* style icon */
.inner-addon .glyphicon {
position: absolute;
padding: 10px;
pointer-events: none;
}
/* align icon */
.left-addon .glyphicon { left: 0px;}
.right-addon .glyphicon { right: 0px;}
/* add padding */
.left-addon input { padding-left: 30px; }
.right-addon input { padding-right: 30px; }