49일차 - [JSP] input types
안녕하세요. pitang입니다.
JSP의 input types에 대해 알아보겠습니다.
input type
HTML input 태그는 아래와 같이 다양한 type 속성들을 가지고 있다.
type 속성의 기본값은 text이다.
- <input type="button">
- <input type="checkbox">
- <input type="color">
- <input type="date">
- <input type="datetime-local">
- <input type="email">
- <input type="file">
- <input type="hidden">
- <input type="image">
- <input type="month">
- <input type="number">
- <input type="password">
- <input type="radio">
- <input type="range">
- <input type="reset">
- <input type="search">
- <input type="submit">
- <input type="tel">
- <input type="text">
- <input type="time">
- <input type="url">
- <input type="week">
type의 이름들이 보면 유추가 가능할 정도이기에 설명 없이 바로 예시를 보겠다.
ex1)
-> 25번 줄에는 0부터 10까지 2씩 올라가는 즉, (0, 2, 4, 6, 8, 10)의 숫자만 선택할 수 있다.
<input type="text"> 은 단일 줄 텍스트 입력 필드를 정의한다. 즉, text를 입력할 수 있다.
ex1)
<input type="number> 은 숫자 입력 필드를 정의한다.
min="" max="" step"" 등으로 허용되는 숫자에 대한 제한도 설정할 수 있다.
ex1)
<input type="date">는 날짜를 포함해야 하는 입력 필드에 사용된다.
브라우저 지원에 따라 달력 보기가 입력 필드에 나타날 수도 있다.
ex1)
<input type="checkbox"> 은 확인란을 정의한다. 제한된 수의 항목 중 다중 선택이 가능하다.
ex1)
ex2)
ex3)
ex4)
-> 26번째줄 request.getParameterValues("movie") 이름이 movie인 모든 파라미터 값을 배열로 구한다.
<input type="radio"> 는 라디오 버튼을 정의한다. 라디오 버튼은 체크박스와 달리 제한된 수의 항목 중 하나만 선택할 수 있다.
ex1)
ex2)
ex3)
-> checked 속성으로 기본값을 설정해놓을 수도 있다.
<input type="password"> 는 암호 필드를 정의한다. 입력 글자가 보이지 않는 특성을 가진다.
ex1)
감사합니다.
*m1 맥북을 사용 중입니다.*