HTML

[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)

분류 제목
table HTML - <tbody> 태그 - 테이블셀그룹 (= 테이블바디 = tbody태그 = 티바디태그) (HTML…
table HTML - <tfoot> 태그 - 테이블꼬릿말그룹 (= 테이블풋 = tfoot 태그 = 티풋태그) (HTM…
table HTML - <col> 태그 - 테이블열그룹 (= col태그 = 콜태그) (HTML5 수정)
table HTML - <colgroup> 태그 - 테이블의 col태그묶음 (= colgroup태그 = 콜그룹태그, H…
style HTML - <style> 태그 ★ - 요소에 CSS스타일적용 (= style태그 = 스타일태그)
style HTML - <div> 태그 ★★★★★ - 영역 지정 (= 섹션 분할 = div태그 = 디브태그 = 디비전태…
style HTML - <span> 태그 ★★★ - 인라인요소그룹 (= span태그 = 스팬태그 = 스판태그)</spa…
meta HTML - <head> 태그 ★ - 문서정보정의 (= head태그 = 헤드태그) (HTML5에서 속성 지원…
basic HTML - <title> 태그 ★ - 웹문서제목 (= title태그 = 타이틀태그)
meta HTML - <meta> 태그 ★★ - 메타정보 (= meta태그 = 메타태그) (HTML5수정) + 모바일…
meta HTML - <base> 태그 - 상대주소기본URL과 링크기본타켓지정 (= base 태그 = 베이스태그)
meta HTML - <basefont> 태그 - 기본글자스타일 (기본글꼴/기본색상/기본크기) (= 베이스폰트태그) … 2
programming HTML - <script> 태그 ★★ - JS코드입력 (= 동적기능언어입력 = script태그 = 스크립트…
programming HTML - <noscript> 태그 - JS 작동안될때 보여줄 내용 (= noscript태그 = 노스크립트…
form HTML - <fieldset> 태그 ★ - 폼양식 관련요소묶음 (= fieldset태그 = 필드셋태그) (…
6/23
목록
  • 채팅방
  • 필독
1. 채팅창 헤드에서 접속자 확인 2. 닉네임 클릭해 1:1 채팅 가능 3. 닉네임 클릭해 귓속말 가능 4. 닉네임 클릭해 호출하기 가능 5. 우하단 클릭해 환경 설정 가능 6. 의뢰글 작성 후 의뢰 상담 가능 7. 질문글 작성 후 질문 상담 가능 8. 채팅방에 개인정보 입력 금지 9. 채팅방에 광고 욕설 비방 금지
 홈  PC버전 로그인 일본어
웹디자인언어
서버관리언어
고급코딩언어
그누보드
제작의뢰
Q&A
커뮤니티
웹유틸
회원센터
홈짱 PC버전 로그인