개발 의문 해결

<button>과 <input type="button"> 중 어떤 걸 써야 하지?

티시즌 2023. 3. 8. 23:17

생활코딩을 이용해 공부하는 중 버튼을 <input type="button"> 로 표현하는 것을 보았다.

한눈에 보기에 <button> 태그가 훨씬 깔끔해 보이고,

이전 회사의 개발팀도 <button> 태그를 많이 썼기 때문에 그 이유가 궁금했다.

 

검색 결과 굉장히 잘 설명한 글이 있어서 붙여 둔다.

https://nykim.work/96

 

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

프롤로그 가끔 이렇게 type을 명시한 버튼을 마주칠 때가 있는데 전 항상 궁금하더라구요. "아니 버튼이면 버튼이지 버튼 타입 버튼은 대체 뭐람" 그러고보면 비슷하게 타입을 명시하는 이라는

nykim.work

 

요약하자면 input 태그로 버튼을 처리하는 것에 한계가 생겨서

<input type="button"> 태그에 대한 상위호환으로 <button> 태그가 개발되었다고 한다.

 

다시 말해 <input type="button"> 태그는 legacy (=옛날 버전) 이므로

비교적 최근에 업데이트된 태그인 <button>을 쓰는 것이 좋겠다.