简体   繁体   中英

font awesome icon with laravel 5 form

I have a form in laravel5 like this

{!! Form::text('name', '' , array('placeholder' => 'Name' , 'class' => 'form-control') ) !!}

I need to use a icon inside this textBox,I'm using FontAwesome 4.7.0 ,in the documentation it says the to put the FontAwesome class inside the <i> tag but I have no idea how to insert the <i> inside the laravel Form. I have tried this

<i class="fa fa-user-circle-o">
{!! Form::text('name', '' , array('placeholder' => 'Name' , 'class' => 'form-control') ) !!}</i>

How should I embed the tag?

Looking at the bootstrap 3 examples on this page http://fontawesome.io/examples/ , I believe you need to do something like the following?

<div class="input-group margin-bottom-sm">
    <span class="input-group-addon"><i class="fa fa-user-circle-o"></i></span>
    {!! Form::text('name', '' , array('placeholder' => 'Name' , 'class' => 'form-control') ) !!}
</div>

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM