[HTML] Password 타입 input 태그 사용시 브라우저에서 비밀번호 자동 입력되지 않게 하기

아래와같은 페이지가 있을 때 브라우저에서 비밀번호 자동입력 기능을 한 번이라도 사용하면 해당 페이지에 password type의 input 태그가 있는 곳 마다 auto completion기능이 동작해서 자동으로 값이 입력됩니다.

<html>
  <head>
  </head>
  <body>
    <form>
      <div>
        <div>second</div>
        <div>
          User Name
          <input type="text">
        </div>
        <div>
          Password
          <input type="password" label="password">
        </div>
        <div>
          <input type="submit" label="submit">
        </div>
      </div>
    </form>
    <form>
      <div>
        <div>second</div>
        <div>
          User Name
          <input type="text">
        </div>
        <div>
          Password
          <input type="password" label="password">
        </div>
        <div>
          <input type="submit" label="submit">
        </div>
      </div>
    </form>
  </body>
</html>

만일 두 번 째 password input box에 패스워드 자동입력을 막고 싶다면 아래와 같이 하면 됩니다.

        <div>
          Password
          <input type="password" label="password" autocomplete="new-password">
        </div>

 

자세한 내용은 MDN Web Docs를 참조하세요.

링크: https://developer.mozilla.org/en-US/docs/Web/Security/Securing_your_site/Turning_off_form_autocompletion