[Error] Form태그 안에 버튼이 있다면 버튼의 역할은?

웹 페이지에서 작성한 내용을 서버로 보내기 위해서 form태그를 많이 사용한다. form태그를 이용하면 원하는 정보들을 HTTP요청 메세지에 담아서 서버로 전송할 수가 있다. 그리고 form태그를 사용하기 위해서는 전송버튼을 사용할것이다.

 

이때까지 아무생각없이 사용했었는지 이런 경우를 처음 경험해보고 아마 나처럼 뭐지... 하는 사람이 있을것같아서 글을 남긴다.

 

form태그안에 버튼을 사용하면 전송버튼의 type을 submit으로 설정해서 사용한다. 그런데 form태그안에 버튼이 여러개가 있을 수가 있다. 아이디 중복체크 등...

 

이런 경우에 버튼 type에 아무설정하지 않으면 default타입으로 submit이 설정이 된다...!

<button>중복체크</button>
<button type="submit">중복체크</button>

 

위의 두 코드는 같은 경우인 것이다.

 

 

만약 submit이 아닌 자바스크립트에서 사용할 용도로 버튼을 만든다면 type을 button으로 설정해 주어야 한다.

<button type="button">중복체크</button>