form 태그는 왜 필요할까?

[yejineee]

form 태그에서 submit 이벤트를 취소시키고 나니, 이럴거면 애초에 div같은 태그를 썼으면 될걸 왜 form태그를 썼나하는 생각이 들었다. 나와 같은 질문을 하신 분을 찾았다. 해당 stackoverflow를 읽은 후, 내용을 정리해본다.

---

우리가 form 엘리먼트 안에 input을 넣고, ul이나 ol 엘리먼트 안에 li 태그를 넣는 이유는 무엇일까?
그렇게 하는 것이 의미상으로 올바르기 때문이다; semantically correct

markup이 단순히 구조(structure)가 아니라 올바른 의미(semantic)를 가질 때,
파서, 스크린 리더, 다른 여러 소프트웨어가 markup을 더 잘 이해하게 된다.

form 엘리먼트에서 method와 action 속성을 등록하여 브라우저에게 form이 submit이 되었을 때 무엇을 해야하는지 알려줄 수 있다.

또한, form은 DOM에 올바르게 등록된다. 따라서 javascript로 form들을 다 가져올 수 있게 된다.

document.forms

---

이 글을 읽고 난 후에, submit 이벤트를 받아서, 폼을 제출하는 이벤트 핸들링을 추가하게 되었다.
어차피 wrapper로 감싸고, identifier를 주어서 form인 것을 알리게 하느니,
그러한 역할을 해주는 semantic한 태그인 form을 사용하는게 맞다.