[HTML] form 안에 존재하는 button 클릭시 submit 동작 방지

UI 작업을 할 때 보통 버튼은 <input type=”button” /> 또는 <button></button> 을 사용합니다. 여기서 기본적으로 <button> 요소 자체는 submit 속성을 가지고 있기 때문에 type 정의가 되어있지 않다면 submit 동작을 하게 됩니다.

위 예제와 같이 button 태그에 type=”button” 이 정의되어 있냐 없냐에 따라 동작이 달라질 수 있습니다. 버튼 자체를 submit 용도로 사용한다면 문제가 안되지만 스크립트 동작을 원할 경우 type을 정의해주시면 되겠습니다.

그리고 추가로 type에는 submit, button, reset 이렇게 3가지 중에 정의할 수 있습니다. 물론 <input> 태그도 마찬가지 입니다.

Published by HyungJin

이 곳에 작성된 모든 컨텐츠는 CCL 규약의 CC BY-NC-SA (저작자표시-비영리-동일조건변경허락) 조건을 따릅니다. 비상업적 용도로 출처를 밝혀주시면 얼마든지 공유 가능합니다.

%d 블로거가 이것을 좋아합니다: