<input> 태그의 여러 가지 타입
HTML에서 사용되는 Input 태그의 여러 가지 타입이 있다.
오늘은 input 태그의 타입 중 다음 10가지를 알아보고자 한다.
- 텍스트 (text)
- 비밀번호 (password)
- 숫자 (number)
- 체크 박스 (checkbox)
- 날짜 / 시간 (date / time)
- 파일 / 이미지 (file / image)
- 범위 (range)
- 이메일 (email)
- 버튼 (button)
- 전송 (submit)
1. 텍스트 (text)
속성 값 "text" , 텍스트를 입력받을 수 있다.
2. 비밀번호 (password)
속성 값 "password" , 비밀번호를 입력받고 입력한 값은 별표 혹은 작은 원으로 표시된다.
3. 숫자 (number)
속성 값 "number" , 숫자를 입력하고 화살표를 클릭하여 값을 변경할 수도 있다.
4. 체크 박스 (checkbox)
속성 값 "checkbox" , 여러개의 선택 사항 중 여러 개의 옵션을 받을 수 있다.
5. 날짜 / 시간 (date / time)
속성 값 "date" , "time" 날짜와 시간을 선택할 수 있다.
6. 파일 / 이미지 (file / image)
속성 값 "file" , "image" 파일과 이미지를 불러올 때 사용한다.
7. 범위 (range)
속성 값 "range", 범위를 설정하고 슬라이드 바를 조정하여 범위 내의 값을 선택할 수 있다.
8. 이메일 (email)
속성 값 "email" , 이메일 주소를 입력받는다. 이 속성값은 유효한 이메일 주소인지를 자동으로 검증한다.
9. 버튼 (button)
속성 값 "button" , 버튼을 출력하고 주로 자바스크립트와 함께 특정 클릭이벤트를 활성화시키기 위해 사용된다.
10. 전송 (submit)
속성 값 "submit", 서버의 폼 핸드러로 폼 데이터를 전송하는 버튼이다. <form> 태그 안에서 form에서 처리된 데이터를 폼 핸드로 주소로 보내는 역할을 한다.
