[HTML] <button> 특징

프로젝트를 진행하다 <form> 안에 속성들을 submit 해주는 <button>을 구현하려고 했다.

<button>을 테스트하던 중 버튼을 클릭하면 <form> 내용이 submit 되는 현상이 발생했다.

아무것도 지정하지 않은 <button> 태그를 클릭하면 왜 submit이 되는 현상이 발생하는지 알아보고자 했다.

 

<button>의 특징

<form action="test.do" method="POST" id="form">
--생략--
<button>버튼</button>
</form>

버튼을 클릭하면 test.do로 submit이 되버린다.

이런 현상의 원인으로는 기본적으로 button 태그에 type 속성을 지정하지 않으면 type이 "submit" 이 된다.

때문에 명시적으로 type 속성값을 "button"으로 지정해 주어야 submit이 되지 않는다.

잘못된 내용이 있다면 지적부탁드립니다. 방문해주셔서 감사합니다.