inputmode

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since December 2021.

inputmode 전역 특성은 사용자가 요소나 요소의 콘텐츠를 편집할 때 입력할 수 있는 데이터 유형의 힌트를 제공하는 열거형 특성입니다. 가능한 값은 다음과 같습니다.

none

가상 키보드를 사용하지 않습니다. 페이지가 자체 키보드나 입력 컨트롤을 구현할 때 사용합니다.

text (기본값)

사용자의 현재 로케일에 맞는 표준 키보드를 제공합니다.

decimal

사용자의 로케일에 맞는 소숫점(보통

,

또는

.

)을 제공하는 숫자형 키보드를 제공합니다. 장치에 따라 음의 부호(

-

)는 제공할 수도, 제공하지 않을 수도 있습니다.

numeric

숫자형 키보드를 제공합니다. 소숫점은 없으며, 음의 부호는 제공할 수도, 제공하지 않을 수도 있습니다.

tel

전화번호 키보드를 제공합니다. 숫자 0~9, 별표(

*

), 해시(샵,

#

) 키를 포함합니다. 일반적인 경우, 반드시 전화번호를 필요로 하는 입력 칸에는 <input type="tel">을 사용해야 합니다.

검색 입력 칸에 최적화한 가상 키보드를 제공합니다. 예를 들면, 엔터/제출 키가 "검색" 아이콘이나 레이블을 가질 수 있습니다. 일반적인 경우, 반드시 검색 질의를 필요로 하는 입력 칸에는 <input type="search">를 사용해야 합니다.

email

이메일 입력에 최적화한 가상 키보드를 제공합니다. 보통

@

키 등을 제공합니다. 일반적인 경우, 반드시 이메일을 필요로 하는 입력 칸에는 <input type="email">을 사용해야 합니다.

url

URL 입력에 최적화한 가상 키보드를 제공합니다. 보통

/

키를 누르기 편한 곳에 배치하며, 세션 히스토리 접근 기능 등을 추가하기도 합니다. 일반적인 경우, 반드시 URL을 필요로 하는 입력 칸에는 inputmode 대신 <input type="url">을 사용해야 합니다.

명세

Specification
HTML
# attr-inputmode

브라우저 호환성

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
inputmode

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
See implementation notes.
Has more compatibility info.

같이 보기