$$config title: HTML input 요소의 타입들 keywords: - IT - html - input type $$ # input type 쓰는 방법 - ex) \ \ \ \ # textarea 쓰는 방법 \ # HTML input의 타입 종류 - `` : 텍스트 입력 (한 줄의 입력 필드를 정의) - `` : password 필드를 정의 (password 필드의 문자는 별표나 동그라미 표시로 가려짐) - `` : 버튼을 정의 (값은 value="작성" 이런식으로 줌) - \이런식으로 안에 값을 줌 - `` : 폼-헨들러(form-handler)에게 `폼을 제출하는 버튼`을 정의 (폼 안에서만 사용할 수 있음) - `` : 체크박스를 정의 - `` : 색상을 포함해야 하는 입력 필드에 사용 - `` : 날짜를 포함해야 하는 입력 필드에 사용 - `` : 사용자가 날짜와 시간을 (시간대와 함께) 선택할 수 있게 해줌 - `` : 사용자가 날짜와 시간을 (시간대 없이) 선택할 수 있게 해줌 - `` : e-메일 주소를 포함해야 하는 입력 필드에 사용 - `` : 사용자가 월과 연도를 선택할 수 있게 해줌 - `` : 사용자가 주과 연도를 선택할 수 있게 해줌 - `` : 사용자가 시간을 선택할 수 있게 해줌 - `` : 숫자 값을 포함해야 하는 입력필드에 사용. 숫자에 한계를 설정할 수 있음 - `` : 라디오 버튼을 정의 - 2개 이상의 라디오 버튼을 정의할 때는 2개 라디오 버튼의 name 속성이 같아야 함. - 그러면 얘네가 한 묶음이 돼서 무조건 둘 중에 하나만 선택이 된다. - ex) ```html 공지 자유 - 이런식으로 둘 다 name이 boardId 이므로 둘 중에 하나만 선택되게 할 수 있음 ``` - `` : 값이 범위 안에 있어야하는 입력 필드에 사용 - `` : 검색 필드에 사용 (검색 필드는 일반 텍스트 필드처럼 동작됨) - `` : 전화 번호를 포함해야 하는 입력 필드에 사용 - `` : URL 주소를 포함하는 입력 필드에 사용 - `` - `` : 화면에 보이지 않도록 할 때 사용 - `` - `` - --- # input 타입 외에도 그냥 사용하는 html 속성 ## `` : 한 줄이 아닌 여러 줄의 텍스트를 입력할 때 사용 ```html ``` - ex) 위의 \