<input> 태그는 사용자로부터 입력을 받을 수 있는 입력 필드(input filed)를 정의할 때 사용합니다.

<form> 태그 요소 내부에서 사용됩니다.

type 속성을 통해 종류를 나타내며, name을 통해 데이터의 이름을 정의하며, value를 통해 기본 값을 지정합니다.

관련 태그 보기

<input> 태그의 다양한 type

  • text : 일반 문자
  • password : 비밀번호
  • button : 버튼
  • submit : 양식 제출용 버튼
  • reset : 양식 초기화용 버튼
  • radio : 한개만 선택할 수 있는 컴포넌트
  • checkbox : 다수를 선택할 수 있는 컴포넌트
  • file : 파일 업로드
  • hidden : 사용자에게 보이지 않는 숨은 요소
  • ...

Reference

See the Pen <form></form> by jjgodcom (@jjgodcom1) on CodePen.