<button>에 type="button"을 쓰는 이유

<button type="button">이것은버튼</button>

타입=버튼 임을 왜 기재해야하나

 

너무 잘 정리해 둔 글을 발견했다

https://nykim.work/96

버튼에 타입을 쓰는 이유 (button type="button")

(다 이해하지는 못했지만) 나중에 다시 보니 완전 이해가 되버렸다 :D

 

버튼 태그의 디폴트 type값은 button 이 아닌, submit 이기 때문.

단순 버튼인 button 태그에 type="button" 을 명시하지 않으면

form양식이 제출되어 불필요한 새로고침이 일어날 수도 있음.

 

form 태그 안에서 제출용 <input type="submit"> 또는 단순 버튼모양<input type="button">을 대체하기 위해

<button> 태그가 나중에 나왔다.

 

열린태그인 input과 달리 button 태그는 열린태그&닫힌태그로 이루어져있기 때문에

자식태그를 부여할 수 있고 다양한 활용이 가능해졌다.