Как добавить флажки внутри ввода

Question

У меня есть требование добавить флажки внутри ввода и полосу прокрутки для ввода.

Я пробовал ввод, но как добавить флажки. Пожалуйста, помогите мне в этом.

Answer 1

CSS ::

.text-container {
    display: inline-block;
    position: relative;
    overflow: hidden;
    }
    .btn {
    position: absolute;
    top: 10px;
    right: 10px;
    }

HTML:

<div class="col-md-12 text-container" style="margin: 7px;">
    <input type="password" id="reg_password" name="reg_password" style="height: 35px;" class="form-control input-lg" placeholder="Password" ng-model="register_password" />
    <span id="btn" class="btn"><input type="checkbox" id="eye" onclick="if(reg_password.type=='text')reg_password.type='password'; else reg_password.type='text';" /></span>
</div>

Пожалуйста, отметьте Ответ