개발/Frontend

[HTML] button을 눌러도 submit이 안될 때

Dane.Kim 2023. 7. 29.

열심히 프로젝트 진행 중 ...

 

button 태그에 자바스크립트 펑션을 짜서 form에 있는 값들과 함께 다른 페이지로

 

submit 해주려고 하고 있었다.

 

그런데 다른 페이지로 다이렉팅은 되는데 값은 안 넘어오는 상황 ㅜㅜ

 

알고보니 button 태그의 기본 type은 button 이 아니라 submit 이었다...

 

<button class="any" type="button" onclick="javascript:dofunction();"> 버튼 </button>
<!-- 버튼 타입일때는 onclick 사용가능 -->
<button class="any" > 버튼 </button>
<!-- 타입 명시 안할 시 자동으로 submit 기능 -->

 

기본적으로 submit 기능을 가지고 있으니 type 을 명시해주지 않아도 따로 onclick 옵션에 펑션을 넣어주지 않아도

 

자동으로 submit도 해주고, 엔터체크 까지 해주고 있는 아주 좋은 태그였다...

 

여러 화면을 개발해봤다고 생각했지만..

 

이제서야 버튼의 기본 타입을 알고 간다는 것이 신기했다.

 

어쨌든 기본적으로 form 넘겨주는데에는 버튼의 기본 타입으로 넘기는 것도 괜춘한듯하다.

댓글