Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/laravel/11.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 输入字段Laravel 4/Blade中的图标_Html_Laravel_Laravel 4_Icons_Blade - Fatal编程技术网

Html 输入字段Laravel 4/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')))} 我是这样将其添加到输入的:

我试图在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::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; }