[HTML] inputmode (모바일 숫자 키패드, 가상 키보드 지정)

inputmode

inputmode 속성을 이용하면 input에 대한 요소, 가상 키보드를 지정하여 사용할 수 있다.

 

---

 

inputmode 속성

• none
• text (기본값)
• decimal
• numeric
• tel
• search
• email
• url

 

1️⃣ none

가상 키보드를 사용하지 않는다. 페이지가 자체 키보드나 입력 컨트롤일 때 사용한다.

 

2️⃣ text

사용자의 표준 입력 키보드가 나타난다.

 

3️⃣ decimal

소수점( , or . )을 지원하는 숫자형 키보드를 제공한다.

장치에 따라 음의 부호( - )의 제공 여부는 다르다.

 

4️⃣ numeric

숫자형 가상 키보드를 제공한다. (소숫점은 없다)

 

5️⃣ tel

전화번호 키보드를 제공한다. 숫자 0~9, 별표(*), 해시(#) 키를 포함한다.

 

6️⃣ search

검색 입력에 최적화된 가상 키보드를 제공한다. "검색"이 추가된 키보드다.

 

7️⃣ email

이메일 입력에 최적화된 가상 키보드를 제공한다. "@"키가 추가된 키보드다.

 

8️⃣ url

url 입력에 최적화된 가상 키보드를 제공한다. "/", ".com"키가 추가된 키보드다.

 

 

 

 

정리

가상 키보드를 변경하고 싶다면, inputmode 속성을 활용하자

 

 

 

 

좋아요는 로그인하지 않아도 누를 수 있습니다!