IAG Custom Authentication Page

Hi, Im designing my own Authentication Page on IAG. Im not so familiar with HTML codes, but i managed to make one for the company. The problem is, how do I addon an eye reveal password icon that usually at the corner of the password box so the user can see whats their password that they have typed/input?

My sample of the custom page at the login box is below:

<div class="login_box login_operate">
                        <ul>
                            <li class="username li_press"><span></span>
                                <label class="txt_default" for="password_name">NO STAF</label>
                                <input id="password_name" name="une" class="input focus" type="text" />
                            </li>
                            <li class="password"><span></span>
                                <label class="txt_default" for="password_pwd">NO KP</label>
                                <input id="password_pwd" name="pass" class="input" type="password"  />
                            </li>
                        </ul>
                    </div>

what class or div i have to input so the eye icon can appear at the password login box?

Looking forward for some opinions or sample. Thanks.