input 태그 참고

input/> type에는 어떤 것들이 있고 어떤 기능을 하는지 최소 10가지 이상 찾아보세요.

https://developer.mozilla.org/ko/docs/Web/HTML/Element/input

mdn 공식 문서 참고

text: 일반 텍스트를 입력할 수 있는 텍스트 상자를 생성합니다.
password: 비밀번호를 입력할 수 있는 텍스트 상자를 생성하며, 입력 내용은 마스킹됩니다.
email: 이메일 주소를 입력할 수 있는 텍스트 상자를 생성합니다. 입력 값이 이메일 주소 형식인지 자동으로 확인됩니다.
number: 숫자 값을 입력할 수 있는 텍스트 상자를 생성합니다. 스핀 버튼이 함께 표시되어, 사용자가 숫자 값을 더하거나 빼는 것이 가능합니다.
date: 날짜를 선택할 수 있는 달력 컨트롤을 생성합니다.
time: 시간을 선택할 수 있는 시계 컨트롤을 생성합니다.
checkbox: 다중 선택을 위한 체크박스를 생성합니다.
radio: 여러 옵션 중 하나를 선택할 수 있는 라디오 버튼을 생성합니다.
file: 파일 업로드를 위한 파일 선택 창을 생성합니다.
range: 범위를 선택할 수 있는 슬라이더를 생성합니다.

submit 제출 태그도 많이 쓰일것 같다

https://developer.mozilla.org/ko/play

이렇게 실제로 실습하는 페이지도 별도로 있다.