STUDIO_YEOLMAE

HTML button 클릭 시 form 자동 제출 방지 (type="button" 기본값 차이)

일반 폼 안에서 미리보기처럼 제출이 목적이 아닌 버튼은 type="button"으로 구분하세요. 폼 제출을 계기로 입력값을 처리하고 기본 페이지 이동은 막으려면, type="submit"을 두고 폼의 submit 이벤트에서 event.preventDefault()를 호출합니다.AI가 만든 폼도 버튼 역할부터 나눠 보세요. 미리보기를 고치려고 제출용 버튼까지 모두 type="button"으로 바꿀 필요는 없습니다.먼저 버튼의 목적을 나눠 보세요미리보기·패널 열기 같은 화면 조작: type="button". 클릭 처리는 연결하되 버튼 자체의 폼 제출 동작은 쓰지 않습니다.폼 입력을 받아 처리하기: type="submit". 기본 이동을 원하지 않는다면 폼의 submit 이벤트를 처리합니다.click만 연결했..