I realised that placeholder attribute in Internet Explorer 11 does not work when the cursor is on (what a surprise!) despite that w3schools says it is compatible with ie10+ (even though their try it yourself example does not work well in ie).
This is what users see when they want to login:
so I found about ng-attr-placeholder instead but I cannot seem to make it work.
<input type="password" name="password" id="password" ng-model="user.password" class="form-control" ng-attr-placeholder="Password" required="" autofocus="">
Any ideas what I am doing wrong?
Thank you in advance!