PROGRAMMING/HTML & CSS
폼(FORM)안에서 버튼 클릭시 자동으로 제출(SUBMIT)되는 문제
KOREAPAS
2018. 4. 23. 18:57
<form> 태그 안의 정보는 submit 타입의 input 태그로 전달합니다.
근데 form 태그안에 다른 버튼이 있을 경우,
예를 들어 다른 페이지로 redirect하고자 만든 버튼, refresh하고자 하는 버튼을 만들어 놓으셧을 경우,
이 버튼을 눌렀을 때 form태그가 submit되고 form태그의 action이 발동하게 됩니다.
이는 <button>태그가 기본적으로 submit 타입을 가지고 있기 때문입니다.
즉, 이를 해결하기 위해서는 타입 변경을 해주면 되겠죠.
<button type="button"></button>
type="button" 하나만 추가해주면 문제 해결입니다.