<form> 태그 안의 정보는 submit 타입의 input 태그로 전달합니다.
근데 form 태그안에 다른 버튼이 있을 경우,
예를 들어 다른 페이지로 redirect하고자 만든 버튼, refresh하고자 하는 버튼을 만들어 놓으셧을 경우,
이 버튼을 눌렀을 때 form태그가 submit되고 form태그의 action이 발동하게 됩니다.
이는 <button>태그가 기본적으로 submit 타입을 가지고 있기 때문입니다.
즉, 이를 해결하기 위해서는 타입 변경을 해주면 되겠죠.
<button type="button"></button>
type="button" 하나만 추가해주면 문제 해결입니다.
'PROGRAMMING > HTML & CSS' 카테고리의 다른 글
키보드 입력과 확인 + 로딩화면 (0) | 2018.05.20 |
---|---|
너비(width)에 패딩(padding)도 포함이 되나요? (0) | 2018.04.15 |
HTML+CSS만으로 만든 카드형 레이아웃(card layout) (0) | 2018.04.09 |
토글버튼(toggle button) + 로그인 폼(login form) (0) | 2018.03.24 |
이클립스에서 웹프로젝트 실행할 웹브라우저 설정하기 (0) | 2018.03.01 |