<button type="button">
가끔 이렇게 type을 명시한 버튼을 마주칠 때가 있는데 전 항상 궁금하더라구요.
"아니 버튼이면 버튼이지 버튼 타입 버튼은 대체 뭐람"
그러고보면 비슷하게 타입을 명시하는 <input type="button"/>이라는 것도 있었던 거 같은데요...?
도대체 타입은 왜 달려있는가! 그 이유를 한번 찾아보았습니다 🔍
버튼 타입 = 버튼?
Q. button에 type="button" 을 지정해주는 이유?
A. 그게 디폴트가 아니니까요!
button의 type에는 3가지 값을 지정해 줄 수 있는데 각각 submit, reset, button입니다.
만약 아무런 값도 지정하지 않았다면 기본값은 submit이 됩니다.
그러니까 <button></button> === <button type="submit"></button>인 셈이죠.
따라서 form 태그 내에서 button을 사용할 때 타입 명시가 없다면 기본적으로 'submit' 처리가 일어나게 됩니다.
reference
