input 태그
사용자가 데이터를 입력 할수있는 입력 영역을 지정하는 태그입니다.
for 요소 안에 사용되면 <input> 태그는 닫는 태그가 없습니다.
input type
input type의 종류에는
Input Type: text
<input type="text"> 텍스트 입력(text input)위 한 줄의 입력 필드를 정의 text input:
Input Type: password
<input type="password"> 는 password 필드를 정의한다.
Input Type: submit
<input type="submit"> 는 폼 -헨들러 (form- handler)에게 폼을 제출하 는 버튼을 정의합니다.
폼-헨들러(form-handler)는 일반적으로 입력 자료를 처리할 스크립트로 이루어진 서버페이지이 다.
폼-헨들러(form-handler)는 폼의 action 속성에 명시되며 일반적으로 수신된 입력을 가지고 무언가를 수행합니다.
Input Type: radio
<input type="radio"> 라디오 버튼(radio button)을 정의합니다.
라디오 버튼은 사용자가 제한된 개수의 선택 중 하나만 선택할 수 있습니다.
Input Type: checkbox
<input type="checkbox"> 체크박스(checkbox) 를 정의 합니다.
체크박스는 제한된 선택들 중에서 사용자가 임의의 개 수를 선택할 수 있게 해준다.
Input Type: button
<input type="button"> 버튼(button) 을 정의
Input Type: number
<input type="number"> 는 숫자 값을 포함해야 하는 입력필드에 사용됩니다.
숫자에 한계를 설정할 수 있습니다.
브라우저의 지원에 따라서, 한계를 입력 필드에 표시될 수도 있다.
Input Type: date
<input type="date"> 는 사용자가 날짜를 포함해야 하는 입력 필드에 사용됩니다.
브라우저의 지원에 따라서, 날짜 선택기(date picker)가 입력 필드로 표시될 수도 있다.
Input Type: color
<input type="color"> 는 색상을 포함해야 하는 입력 필드에 사용됩니다.
브라우저의 지원에 따라서, 색상 선택기(color picker)가 입력 필드에 표시될 수도 있다.
Input Type: range
<input type="range"> 는 값이 범위 안에 있어야하는 입력 필드에 사용됩니다.
브라우저의 지원에 따라서, 입력 필드가 슬라이드 콘트롤(slider control)로 표시될 수 있다
Input Type: month
<input type="month"> 사용자가 월과 연도를 선택할 수 있게 해준다.
브라우저의 지원에 따라서, 날짜 선택기(date picker)가 입력 필드로 표시될 수도 있다.
Input Type: week
<input type="week"> 사용자가 주과 연도를 선택할 수 있게 해준다.
브라우저의 지원에 따라서, 날짜 선택기(date picker)가 입력 필드로 표시될 수도 있다.
Input Type: time
<input type="time"> 사용자가 시간을 선택할 수 있게 해준다 (no time zone).
브라우저의 지원에 따라서, 시간 선택기(time picker)가 입력 필드로 표시될 수도 있다.
Input Type: datetime
<input type="datetime"> 사용자가 날짜와 시간을 (시간대와 함께) 선택할 수 있게 해준다.
Input Type: datetime-local
<input type="datetime-local">사용자가 날짜와 시간을 (시간대 없이) 선택할 수 있게 해준다.
브라우저의 지원에 따라서, 날짜 선택기(date picker)가 입력 필드로 표시될 수도 있다.
Input Type: email
<input type="email"> 는 e-메일 주소를 포함해야 하는 입력 필드에 사용된다.
브라우저의 지원에 따라서, 폼이 제출 될 때 e-메일 주소가 자동으로 유효성 검사가 될 수 있습니다.
Input Type: search
<input type="search"> 는 검색 필드에 사용됩니다. (검색 필드는 일반 텍스트 필드처럼 동작된다.)
Input Type: tel
<input type="tel"> 는 전화 번호를 포함해야 하는 입력 필드에 사용됩니다.
Input Type: url
<input type="url"> 은 URL 주소를 포함하는 입력 필드에 사용됩니다.
브라우저의 지원에 따라서, 폼이 제출 될 때 URL 필드의 값이 자동으로 유효성 검사가 될 수 있습니다.
이 포스팅은 jun.hansung.ac.kr/CWP/htmls/HTML%20Input%20Types.html , aboooks.tistory.com/294 참고해서 포스팅 하였습니다. 너무 감사합니다.
