html button 요소에 type을 지정하는 이유

html button 요소에 type을 지정하는 이유

참고: https://nykim.work/96

내용

eslint를 세팅하다가 button 요소에 type을 넣으라는 경고문을 봤다.

button은 type을 지정하지 않으면 기본적으로 submit 버튼이 되기 때문이다.

즉, form 태그 내에서 예상치 못한 submit 이벤트를 발생시킬 수 있고

시멘틱 마크업 측면에서도 button 에 type을 지정해주는 것이 바람직하다.

<!-- submit -->
<button></button> 
<button type="submit"></button>
<!-- 그냥 버튼 -->
<button type="button"></button>