[TIL] HTML의 입력을 담당하는 form, input

✍ Today I Learned

• html form 태그의 제대로된 사용법을 알게 되었다.
  • form 태그 내 작성된 데이터는 action 속성의 위치로, method 속성의 방식에 따라 전달된다.
  • action 속성을 생략하면 현재 페이지로 데이터를 전송하고 리로딩 된다. (나를 힘들게 했던..)
• label 태그의 for 속성과 input 태그의 id 속성은 연동된다. 같은 값으로 설정하면 label 태그로 감싸진 텍스트를 클릭했을 때 input 창이 선택된다.
• input 태그에 속성이 이렇게 많았다니?
  • readonly는 읽기전용 속성
  • disabled는 비활성화된 속성
  • required는 필수입력항목 속성
  • pattern 속성으로 유효성 검사를 할 수 있다.
• 파일이 첨부된 form은 enctype 속성 값을 multiple/form-data로 지정해야 한다.
• VSCode 모두 저장 단축키는 Ctrl+Shift+S