input type="submit"

form 이벤트에 대해서 공부하던 중

html 마크업 예시를 보는데

<input type="submit">    

라는 태그를 봤다

코드를 읽어보고 내용을 읽어보고 실행을 시켜서 버튼을 눌러보아도 내가 아는 button태그와 거의 동일하게 작동하기에 무슨 차이가 있나 싶어서 검색을 해봤다

다행히 나와 같은 궁금증을 가진 사람이 있었고 쉽게 궁금증을 해결할 수 있었다

button vs input type="submit"

button태그에 type값을 설정하지 않고 기본으로 둘 경우 submit이 기본값이기 때문에 둘의 기능은 동일하다 라는게 결론.

button은 html5에서 버튼을 표기하기위해 생겨난 태그로 버튼이 없던 시절에 input type="submit"을 사용한 것이라고 한다

필요성에 의해서 button이 나중에 나온 만큼 더 시멘틱하며 활용도가 높다

button의 장점

위에서 언급한대로 시멘틱해서 가독성이 좋으며

따로 텍스트를 넣을 수도 있고, 배경에 이미지를 넣을 수 있으며, CSS로 디자인하기에도 용이하다