<input> 요소는 type 속성에 따라 여러가지 방법으로 표시될 수 있습니다.
| 속성값 | 설명 | 비고 |
|---|---|---|
| text | (기본값) 한줄짜리 텍스트를 입력할 수 있음(기본크기는 size="20") | |
| password | 비밀번호를 입력하는 타입 입력시 글자가 *등으로 표시 | |
| radio | 라디오 버튼을 생성(하나만 선택가능) 그룹이 같은경우 이름을 동일하게 함 |
라디오1 라디오2 라디오3 |
| checkbox | 체크박스 버튼을 생성(0개 이상 선택가능) 여러개 선택시 배열로 값을 받기 위해 이름 끝에 []를 붙여줌 []없다면 여러개의 값을 받을 수 없음 |
체크박스1 체크박스1 체크박스1 |
| hidden | 보이지는 않지만 데이터를 서버로 전송 | |
| file | 파일 업로드를 위한 타입 파일업로드시 form의 method="post" 이고, enctype="multipart/form-data" 이어야 함 |
|
| image | 제출 버튼을 이미지로 표시함 | |
| submit | 폼데이터를 서버로 전송하기 위한 버튼 | |
| reset | 모든 입력값을 초기화 함 | |
| button | 클릭할 수 있는 버튼 |
| 속성값 | 설명 | 비고 | |
|---|---|---|---|
| search | 검색어를 입력받을 때 사용 필드내에 입력내용을 초기화하는 X버튼이 생김 |
||
| tel | 전화번호를 입력받을때 사용 모바일일 경우 전화번호 입력을 위한 소프트 키보드를 생성 |
||
| url | URL을 입력받을때 사용(자동으로 유효성 검사를 함) 모바일일 경우 url 입력을 위한 소프트 키보드를 생성 |
||
| e-mail 입력받을때 사용(자동으로 유효성 검사를 함) 모바일일 경우 email 입력을 위한 소프트 키보드를 생성 |
|||
| number | 숫자를 입력받을때 사용 모바일일 경우 숫자 입력을 위한 소프트 키보드를 생성 |
||
| range | 특정범위의 숫자를 선택하는 슬라이더 컨트롤 생성 기본값은 min="1" max="100" |
||
| color | 색상을 선택하는 컨트롤 생성 | ||
| date pickers |
date | 날짜(년,월,일)를 입력하는 컨트롤 생성 | |
| month | 연도와 월을 입력하는 컨트롤 생성 | ||
| week | 연도와 주차를 선택하는 컨트롤 생성 | ||
| time | 시간을 입력하는 컨트롤 생성 | ||
| datetime-local | 날짜와 시간을 입력하는 컨트롤 생성 년-월-일 AM/PM 시:분 표시 |
||