목차
inputmode 정의 inputmode 속성값
inputmode 정의
사용자가 요소나 요소의 콘텐츠 편집 때 입력 가능한 데이터 타입 힌트 제공하는 열거형 속성.
PS.
Chrome, Opera 브라우저 지원. (단, IE, Firefox, Safari는 지원 X)
inputmode 속성값
inputmode 속성에 사용 가능한 속성값 종류는 아래와 같음.
none
가상 키보드 사용 X. (페이지가 자체 키보드나 입력 컨트롤을 구현할 때 사용.)
text (기본값)
사용자의 현재 로케일에 맞는 표준 키보드 제공.
decimal
사용자의 로케일에 맞는 소숫점(보통 , 또는 .)을 제공하는 숫자형 키보드 제공. ※ 장치에 따라 음의 부호(-) 제공할 수도, 안 할 수도 있음.
numeric
숫자형 키보드를 제공. 소숫점은 없으며, 음의 부호는 제공할 수도, 제공 안 할 수도 있음.
tel
전화번호 키보드 제공. 숫자 0~9, 별표(*), 해시(샵, #) 키를 포함. 일반적인 경우, 반드시 전화번호를 필요로 하는 입력 칸에는 <input type="tel">을 사용해야 함.
search
검색 입력 칸에 최적화한 가상 키보드 제공. (예제) 엔터/제출 키가 "검색" 아이콘이나 레이블을 가질 수 있음. 일반적인 경우, 반드시 검색 질의 필요로 하는 입력 칸에는 <input type="search">를 사용해야 함.
email
이메일 입력에 최적화한 가상 키보드 제공. 보통 @ 키 등을 제공. 일반적인 경우, 반드시 이메일을 필요로 하는 입력 칸에는 <input type="email">을 사용해야 함.
url
URL 입력에 최적화한 가상 키보드를 제공. 보통 / 키를 누르기 편한 곳에 배치하며, 세션 히스토리 접근 기능 등을 추가하기도 함. 일반적인 경우, 반드시 URL을 필요로 하는 입력 칸에는 inputmode 대신 <input type="url">을 사용해야 함.
최신댓글