웹 개발 정리 - Input Tag, 가상키보드편

Gary's Note·2022년 1월 9일
0
post-thumbnail

1. ToDo

- 하이브리드 웹 개발에서 모바일 키보드를 바꾸는 방법을 찾다가 다양한 Input Tag의 Type 지정을 발견해서 끄적!


2. Input 간략하게 정리!

- Input 태그는 웹에서 입력을 받기위해 만들어진 기능이다.

- Input 태그의 Type 속성으로 여러 입력 형식을 지정할 수 있다.


3. Type 속성의 종류

[하이브리드 웹앱에서의 가상 키보드의 형태로 설명]

none : 가상 키보드를 사용하지 않음.

text(기본) : 기본 설정된 가상 키보드 제공.

decimal : 쉼표(,) 또는 마침표(.)가 있는 숫자형 키보드 제공.

numeric : 숫자만 있는 키보드를 제공.

tel : 전화번호 키보드이고 0~9, 별표(*), 해시(#) 키를 포함하는 키보드 제공.

search : 검색 입력에 최적화한 Enter키나 검색 버튼이 있는 키보드 제공.

email : 이메일 입력 최적화 키보드로 @까지 제공.

url : 웹 주소 제공의 최적화 키보드로 슬래시(/)를 기본으로 제공.


4. 정리정리!

- 사용자 편의성도 고려하는 개발자가 되어볼~?

profile
기록~기록~기록~기록~

0개의 댓글