How to place bootsrap icon inside input control to hide and show password

$this->Form->control("User.password", [ 'Type'=>'password', 'Class' =>'form-control', 'After' =>' '

Icon did not create inside the control. How do i place the icon side my input control please?

Nothing in the code you’ve shown would cause an icon to happen. Is there something missing?

Also, I believe that option names are case-sensitive and all lower case, so it should be type instead of Type, etc.

Sorry about the code. I have edited as below.

<?php echo $this->Form->control("User.password", [ 'id' => 'pass_log_id', 'type'=>'password', 'Class' =>'form-control', 'After' =>' '; ?>

I still see nothing here about an icon… Maybe you need to wrap your code in ``` before and after here to stop it from reformatting things? As for your problem, maybe you need to add 'escape' => false to your options array? Just a guess until we can see the full actual code. (And I see you’ve changed “type” to lower case, but that applies to all options, so class and after and so on as well.)

I guess he is expecting a eye symbol at the end of the input to hide/show the password being input in the password which is not default browser/HTML behavior.

This involves custom CSS and JS to achieve this behavior. I would recommend googling this issue.

Thanks for your reply.
I have this sample implemented below

<link href="[](" rel="stylesheet"/>
<link href="[](" rel="stylesheet"/>
<script src="[]("></script>
<div class="form-group">
    <label class="mt-2" for="txtPasswordLogin">Password</label>
    <div class="password-input-container">
        <input type="password" class="form-control password-input" id="txtPasswordLogin" placeholder="Enter Password">
        <i class="toggle-password fa fa-eye"></i>

With the below script