[내일배움캠프] 2023-01-05 TIL

form 태그 안의 button

문제점

프론트에서 form 태그 안에 button 태그가 존재하는 경우 button의 onclick 함수가 아닌 form 자체의 submit 함수가 실행된다. 이로 인해 원하는 onclick 함수를 활용할 수 없었다.

시도해본 것들

button 태그에 type="button"을 추가하기

input 태그 type="button"을 대신 활용하기

해결

두번째 방법으로 해결이 되었다.

알게 된 점

html 엘리먼트끼리 연동되어 사용되는 경우가 있다는 것을 처음 알았다. 어떤 오류가 발생했을 때 단순히 해당 엘리먼트만 볼게 아니라 여러가지 가능성이 있음을 생각해야될 것이다.