• 회원가입
  • 로그인
  • 구글아이디로 로그인

[etc] HTML - inputmode 전역속성 - 사용자 입력값 데이터타입 힌트

inputmode 속성

 

사용자가 요소나 요소의 콘텐츠 편집 때 입력 가능한 데이터 타입 힌트 제공하는 열거형 속성.

 


 

Chrome, Opera 브라우저 지원.

단, IE, Firefox, Safari는 지원 X.

 


[속성값]

 

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">을 사용해야 함.

 


방문 감사합니다. (즐겨찾기 등록: Ctrl + D)

분류 제목
etc HTML - <tt> 태그 - 텔레타이프 텍스트 (= tt태그 = 티티태그)
etc HTML - 키보드 단축키 모음 (Window/Mac)
etc HTML - 인터넷 (에러/오류) 의미 = (인터넷에러/인터넷오류) 종류 ★★★ + 500 Internal …
etc HTML - 요소 클릭 안되는 경우 (= a태그 클릭 불가능 에러 원인/이유 = 클릭 실패/에러/장애 케이스…
etc HTML - inputmode 전역속성 - 사용자 입력값 데이터타입 힌트
etc HTML - Entity (= 태그 실체값 = 특수문자/기호 실질값 = 독립체)
etc HTML - 일정시간 후 페이지 이동/납치
etc HTML - 스크린리더기가 읽는 HTML요소 정보값 종류 (= Screen Reader provides th…
목록
찾아주셔서 감사합니다. Since 2012