프리랜서 웹디자이너 웹퍼블리셔RELATION

[ vue] input / inputmode

2025.05.23
Input


- inputmode
inputmode는 HTML의 전역 속성으로, 사용자가 입력할 데이터 유형에 대한 힌트를 제공하는 역할을 합니다., 특히 모바일 및 테블릿에서 가상 키보드의 형태를 결정하는 데 사용된다.

- none : 가상 키보드를 표시하지 않음.
- text : 일반 텍스트 입력을 위한 키보드 (기본값)
- decimal : 소수점 입력이 가능한 숫자 키보드
- numeric : 숫자만 입력할 수 있는 키보드
- tel : 전화번호입력을 위한 키보드 
- search : 검색 입력에 최적화된 키보드
- email : 이메일 입력을 위한 키보드
- url : URL 입력을 위한 키보드
<input type="text" inputmode="numeric" placeholder="숫자만 입력하세요">
<input type="email" inputmode="email" placeholder="이메일 입력">
<input type="tel" inputmode="tel" placeholder="전화번호 입력">


 




 
답글쓰기 전체목록

이 포스트 공유하기

  • 페이스북에 공유하기
  • 트위터에 공유하기
  • 네이버 블로그 카페에 공유하기
  • 네이버 밴드에 공유하기

코멘트 쓰기

코멘트를 입력해주세요
LOGIN JOIN