[Html] Password field is not contained in a form Error 오류 원인 및 해결 방법

Intro

안녕하세요. Html Input 태그를 사용하던 도중 아래와 같은 에러가 발생하였습니다 .

 

Password field is not contained in a form

 

Why?

구글링을 해보니, Input 태그가 From 태그 안에 위치하지 않아 생기는 문제였습니다. 사실 경고(warning) 표시라서 코드 수정을 해주지 않아도 문제가 되지 않지만, 콘솔창에 계속 warning 표시가 되어있는 것이 마음에 걸리기 때문에 수정을 해보도록 합시다! 🙃

 

How to solve the problem

아래와 같이 Html 코드를 수정하면 더이상 다음의 오류는 발생하지 않습니다. 

<form>
  <input type="password" name="my-password" size="5" maxlength="20">
</form>

 

Conclusion

Html은 쉬우면서도 어렵고, 어려우면서도 쉬운 존재인 것 같습니다.😇