[HTML] input 태그 type 속성

1. <input>태그의 type이란?

<input> 태그의 type 속성은 <input> 태그가 나타낼 type을 명시합니다.

 

예를 들면,

input 예시

위와 같이 text가 기본값이다.

 

이를 라이브 서버에서 실행시켜보면

이렇게 텍스트를 입력할만한 공간이나온다.

이를 통해 id를 받아서 서버로 전송시키는 등 데이터에 있는 값과 맞춰보며 사용할 수 있다.

 

2. type의 종류

type의 종류에는 다음과 같다.

• button - 클릭 버튼
• checkbox - 체크박스
• color - 색 선택
• date - 날짜 선택
• datetime-local - 날짜와 시간 선택
• email - 이메일 주소 입력
• file - 파일 업로드
• hidden - 숨겨진 필드
• image - submit 버튼 이미지 선택
• month - 날짜 선택
• number - 숫자 입력
• password - 비밀번호 입력
• radio - 라디오 버튼
• range - 범위 선택
• reset - 리셋 버튼
• search - 검색어 입력
• submit - 제출 버튼
• tel - 전화번호 입력
• text - 텍스트 입력
• time - 시간 선택
• url - url주소 입력
• week - 날짜 선택

type 태그는 주로 form 태그와 같이 사용하며 서버에 보내 데이터베이스에 있는 데이터와 비교한다.