acha-framework/src/frontend/core/scripts/directives/password/template.html

is a modular framework on both client (angular.js) and server (node.js) side, it provides security, orm, ioc, obfuscation and ...

<div ng-show="visible" class="af-password af-component {{disabled?'disabled':''}} form-group {{::cssClass}}">

    <div ng-if="::prependIcon" class="prepend-icon">
        <input type="password" class="form-control input-lg"
               ng-model="model"
               ng-disabled="disabled"
               ng-readonly="readonly"
               placeholder="{{::placeHolder|textOrTranslate:placeHolderTranslate}}" />
        <i class="{{::prependIcon}}"></i>
    </div>

    <div ng-if="::appendIcon" class="append-icon">
        <input type="password" class="form-control input-lg"
               ng-model="model"
               ng-readonly="readonly"
               ng-disabled="disabled"
               placeholder="{{::placeHolder|textOrTranslate:placeHolderTranslate}}">
        <i class="{{::appendIcon}}"></i>
    </div>

    <label ng-if="::label">{{::label}}</label>
    <label ng-if="::labelTranslate">{{::labelTranslate|translate}}</label>
    <input ng-if="::!(prependIcon||appendIcon)"
           ng-model="model"
           ng-readonly="readonly"
           ng-disabled="disabled"
           type="password" class="form-control input-lg"
           placeholder="{{::placeHolder|textOrTranslate:placeHolderTranslate}}">
</div>