HTML inputmode 속성

정의와 사용법

inputmode 속성은 휴대폰이나 태블릿(가상 키보드를 가진 모든 장치)의 키보드의 외관을 변경할 수 있습니다。

또한 참조:

HTML 강의:HTML 속성

예제

푸시:이 예제를 휴대폰이나 태블릿에서 실행하여 결과를 확인하세요。

예제 1

가상 키보드에서만 숫자 키가 표시됩니다:

<input type="text" inputmode="numeric">
모바일에서 inputmode 속성이 표시되는 결과

본인이 직접 시도해 보세요

예제 2

아래의 예제에서 "email"의 "inputmode"을 사용했습니다:

<input type="text" inputmode="email">
모바일에서 inputmode 속성이 표시되는 결과

본인이 직접 시도해 보세요

문법

<element inputmode="decimal|email|none|numeric|search|tel|text|url">

속성 값

설명
decimal 숫자 키보드만 표시됩니다. 일반적으로 또한 콤마 키가 포함됩니다.
email 텍스트 키보드는 일반적으로 이메일 주소에 사용되는 키([@])를 포함합니다.
none 키보드가 나타나지 않아야 합니다.
numeric 숫자 키보드만 표시됩니다.
search 텍스트 키보드는 [enter] 키가 일반적으로 [go]로 표시됩니다.
tel 숫자 키보드만 표시됩니다. 일반적으로 [+]와 [*] 및 [#] 키도 포함됩니다.
text 기본. 텍스트 키보드.
url 텍스트 키보드는 일반적으로 주소에 사용되는 키([.]와 [/]) 및 특별한 [.com] 키 또는 일반적으로 로컬 설정의 도메인 끝자리로 사용되는 키를 포함합니다.

브라우저 지원

크롬 에지 파이어폭스 사파리 오페라
크롬 에지 파이어폭스 사파리 오페라
66 79 95 12.2 53