🚧[DOM] Password field is not contained in a form:🚧

앞으로 내가 만나게 되는 모든 오류를 정리하는 카테고리를 하나 만들었다 ㅎ.ㅎ 나도 구글링에서 많은 도움을 받으니까 내 정리글도 누군가에게 도움이 많이 되었으면 좋겠다... 🥰

❗ 문제 내용

첫 포스팅이니까 간단한 워닝을 해결한 사례를 적어보려고 한다😊 로그인 폼을 구현하다가 만난 warning! 나는 warning 을 고쳤다가 문제가 해결되는 경우도 많았어서(C 프로그램 이야기지만...) warning 도 되도록이면 다 고치고 콘솔을 깨끗하게 만드는 편이다...

이 warning 은 단순히 password 필드가 form 태그로 감싸져 있지 않을 때 발생한다 !

🛠 문제 해결

        <form className='login-form'>
          <div>
              <label htmlFor='input_id'>ID : </label>
              <input type='text' name='input_id' value={inputId} onChange={handleInputId} />
          </div>
          <div>
              <label htmlFor='input_pw'>PW : </label>
              <input type='password' name='input_pw' value={inputPw} onChange={handleInputPw} />
          </div>
        </form>

단순히 input 을 form 태그로 감싸주기만 하면 warning 을 해결할 수 있다 🤗