[HTML] form

Robin·2023년 3월 1일
0

TIL

목록 보기
24/24
post-custom-banner

form은 매번 새로워서 이번 기회에 정리
*참고: HTML form 잘 쓰는 법.

👉 form은 보통 아래와 같은 형식으로 값을 입력받는 양식이다:

<form>
  <label></label>
  <input></input>
  <button></button>
</form>

👉 form에 submit 이벤트를 바인딩해주면 동작을 감지한다.

👉 submit 이벤트 발생시 event.target을 통해 (input의 name 프로퍼티에) 값이 전달된다.
이를 통해 input의 값을 가져올 수 있다.

const nameInput = event.target['name']

👉 제출용 button에는 습관적으로 type = 'submit' 작성해주도록 하자

👉 form의 자식태그 확인 바로가기

테크코스에서 history 이야기도 나왔는데, vue-router 접하고 있으니 이 역시도 정리 할 수 있도록 해야지...

profile
Always coding or dog walking
post-custom-banner

0개의 댓글