[HTML] button element의 form submit 동작을 막는 방법

HTML5 button Element의 경우, submit하는 것이 기본 동작이므로 버튼을 클릭했을 경우, form을 submit하는 동작을 시도합니다. 그래서 일반적인 버튼으로서 동작을 하게 하기 위해서는 button의 type을 명시해야합니다.

 

<button type="button">Button</button>

 

위와 같이 type="button" attribute를 추가하면 form submit 동작을 하지 않습니다.