form 요소에 중첩되어 있는 button은 디폴트로 폼을 서버에 제출하게 되지만 반드시 button은 form안에 있을 필요가 없다. form 밖의 button의 동작을 지정하려면 자바스크립트를 사용한다.
또한 form에 중첩된 button은 type속성을 사용하여 디폴트 동작을 덮어쓸 수 있다.
기본값은
<button type="submit">submit</button>이다.
<button type="button">submit</button>일 때는 button을 클릭해도 폼을 제출하지 않는다. mdn을 찾아봐도 그냥 말 그대로 버튼만 생성하는 듯하다.
<button type="reset">submit</button>이라면 버튼을 눌렀을 때 폼의 모든 정보가 리셋된다. 물론 form요소 안에 중첩되어 있어야 한다.
공부 정리용 블로그