Password field is not contained in a form 이런 경고 표시 뜰때 해결 방법

==========

 

이런 로그인 태그가 있을때

  <div id="login-section">
      <input type="email" id="login-email" placeholder="이메일" />
      <input type="password" id="login-password" placeholder="비밀번호" />
      <button id="login-button">로그인</button>
  </div>

 

 

이런 경고창이 뜬다면

[DOM] Password field is not contained in a form: (More info: https://goo.gl/9p2vKq) <input type=​"password" id=​"login-password" placeholder=​"비밀번호">​

 

 

<form></form> 으로 감싸주면됩니다.

  <div id="login-section">
    <form>
      <input type="email" id="login-email" placeholder="이메일" />
      <input type="password" id="login-password" placeholder="비밀번호" />
      <button id="login-button">로그인</button>
    </form>
  </div>

 

 

그럼 이제 이런 경고창이 뜨는데

[DOM] Input elements should have autocomplete attributes (suggested: "current-password"): (More info: https://goo.gl/9p2vKq) <input type=​"password" id=​"login-password" placeholder=​"비밀번호">​

 

 

autocomplete="current-password" 이걸 붙여주면 됩니다.

<input type="password" id="login-password" placeholder="비밀번호" autocomplete="current-password" />

 

 

그럼또 이런 경고창이 뜹니다.

[DOM] Input elements should have autocomplete attributes (suggested: "username"): (More info: https://goo.gl/9p2vKq) <input type=​"email" id=​"login-email" placeholder=​"이메일">​

 

 

autocomplete="username" 이걸 붙여줍니다.

<input type="email" id="login-email" placeholder="이메일" autocomplete="username">

 

 

==========