본문 바로가기

Dev-/WEB

form 태그 안 button 태그 사용시, 페이지 리로드 현상

여러 버튼을 form태그 안에 넣어야 하는 상황이 발생했는데,


해당 버튼의 이벤트가 전부 submit으로 되어있고, 페이지가 자동으로 리로드되어서 애를 먹었다.




해결법은


1. button태그 type에 "button"을 준다.

<form action="/formGo" method="post">
<button type="button">gogo</button>
</form>

2. form태그 onsubmit에 "return false"를 준다.

<form action="/formGo" method="post" onsubmit="return false">
<button>gogo</button>
</form>