title: AngularJS ng-attr-placeholder doesn't work in input type text
body: <p>I realised that placeholder attribute in Internet Explorer 11 does not work when the cursor is on (what a surprise!) despite that <a href="http://www.w3schools.com/tags/att_input_placeholder.asp" rel="noreferrer">w3schools</a> says it is compatible with ie10+ (even though their <a href="http://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_input_placeholder" rel="noreferrer">try it yourself</a> example does not work well in ie).</p>
  
  <p>This is what users see when they want to login:</p>
  
  <p><a href="https://i.stack.imgur.com/GMdtA.png" rel="noreferrer"><img src="https://i.stack.imgur.com/GMdtA.png" alt="enter image description here"></a></p>
  
  <p>so I found about <a href="https://docs.angularjs.org/guide/directive#-ngattr-attribute-bindings" rel="noreferrer">ng-attr-placeholder</a> instead but I cannot seem to make it work. </p>
  
  <pre><code>&lt;input type="password" name="password" id="password" ng-model="user.password" class="form-control" ng-attr-placeholder="Password" required="" autofocus=""&gt;
  </code></pre>
  
  <p>Any ideas what I am doing wrong?</p>
  
  <p>Thank you in advance!</p>