Form tag / preventDefault

Cheddaryeon·2023년 6월 11일

form

: 웹 페이지에서의 입력 양식
-> 텍스트 필드에 글자를 입력하거나, 체크박스 또는 버튼을 클릭하고 제출 버튼을 누르면 백엔드 서버에 양식이 전달되어 정보를 처리한다

  • form tag안의 button은 type="submit"을 작성하지 않아도 기본적으로 submit을 부여받는다

preventDefault

: 기본동작을 방지하는 역할
-> 위의 submit인 경우 form 데이터를 서버에 전송하고, 페이지를 새로 고침 하는 부분이 기본 동작이다. 이때 이 기본동작을 하지 않게 하는 것이 preventDefault의 역할이다

profile
study frontend

0개의 댓글