고군분투
<button>에 type="button"을 쓰는 이유
S_sunny
2022. 8. 31. 23:06
<button type="button">이것은버튼</button>
타입=버튼 임을 왜 기재해야하나
너무 잘 정리해 둔 글을 발견했다
버튼에 타입을 쓰는 이유 (button type="button")
프롤로그 가끔 이렇게 type을 명시한 버튼을 마주칠 때가 있는데 전 항상 궁금하더라구요. "아니 버튼이면 버튼이지 버튼 타입 버튼은 대체 뭐람" 그러고보면 비슷하게 타입을 명시하는 이라는
nykim.work
(다 이해하지는 못했지만) 나중에 다시 보니 완전 이해가 되버렸다 :D
버튼 태그의 디폴트 type값은 button 이 아닌, submit 이기 때문.
단순 버튼인 button 태그에 type="button" 을 명시하지 않으면
form양식이 제출되어 불필요한 새로고침이 일어날 수도 있음.
form 태그 안에서 제출용 <input type="submit"> 또는 단순 버튼모양<input type="button">을 대체하기 위해
<button> 태그가 나중에 나왔다.
열린태그인 input과 달리 button 태그는 열린태그&닫힌태그로 이루어져있기 때문에
자식태그를 부여할 수 있고 다양한 활용이 가능해졌다.