button태그 submit의 사용법 및 form과의 관계

간단하지만 숙련되지 않은 초급개발자에게 실수할 수 있는 submit에 대해 간단하게 포스팅 하겠다.

 

<button type="submit" id="ID" >제출 버튼 </button>

 

<form name="NAME" action="/where/where.do" method="post">

    <input type="hidden" name="userNm" value="VALUE" />

</form>

 

위와 같은 코드에서 버튼을 클릭했을 때 서브밋은 되지 않을 것이다.

 

아래 코드와 같이 button 태그도 input과 같이 form태그 안에 있어야한다.

 

<form name="NAME" action="/where/where.do" method="post">

    <input type="hidden" name="userNm" value="VALUE" />

    <button type="submit" id="ID" >제출 버튼 </button>

</form>