title: HTML - Disable Password Manager
body: <p>Our security team requires us to disable the password manager for protected fields on the HTML form. As an example, here's an over simplified HTML form below. When I click the submit button, firefox (version 51.0.1) pops up the password manager. </p>
  
  <pre><code>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd"&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;form name="testform" action="disable-pwd-mgr.htm" method="post"
          autocomplete="off"&gt;
  
          &lt;label for="protected-input"&gt;Protected Input&lt;/label&gt; 
          &lt;input type="password" size="16" maxlength="16" id="protected-input"  name="protected-input" accept="numbers" /&gt;
          &lt;input type="password" id="disable-pwd-mgr-1" style="display: none;" value="stop-pwd-mgr-1"/&gt;
          &lt;input type="password" id="disable-pwd-mgr-2" style="display: none;" value="stop-pwd-mgr-2"/&gt;
  
          &lt;button name="next" id="next" type="submit" value="Next"&gt;
              NEXT
          &lt;/button&gt;
  
      &lt;/form&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><strong>Note that all alternatives suggested <a href="https://stackoverflow.com/q/17719174/5150013">here</a> didn't work.</strong></p>
  
  <ol>
  <li>autocomplete=off didn't work. </li>
  <li>Having another hidden input field of
  type password didn't work.</li>
  </ol>
  
  <p>Using the two separate additional hidden password inputs, each with different dummy values seems to work for the case when the user actually inputs a value into the protected field and clicks submit. But if the field is left blank and the submit button is clicked, the password manager pops up again. Interestingly chrome (Version 55) doesn't pop up the password manager at all, which is good. Does anyone have a better solution to this problem?</p>