form태그 사용하면 한줄 내려가는 이슈

글 삭제를 할 때 

registerGET으로 화면을 보여줍니다.

실제 글을 삭제할 때는 

<form method="post">
	<button type="submit" class="btn btn-danger">삭제</button>
    	<button class="btn btn-info" onclick="location.href='/board/listPage'">취소</button>
</form>

로 삭제를 하는데 

위의 코드처럼 진행하면 버튼의 타입이 submit이 아니더라도

form 태그의 메서드가 post로 설정되어 있기 때문에 버튼을 클릭하게 되면 

취소버튼을 눌러도 삭제가 됩니다.

 

그렇기에 다음과 같은 방법을 사용했습니다.

<form method="post">
	<button type="submit" class="btn btn-danger">삭제</button>
   	<button type="button" class="btn btn-info" onclick="history.back()">취소</button>
</form>

 

버튼의 타입을 "button"으로 주고 onclick 함수를 이용하여 전 페이지로 이동하도록 하면 

form의 post가 실행되지 않고 전페이지로 이동하게 됩니다.