Notice
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- 의미있는태그
- niceselect사용법
- Array 내장함수
- vue Maps API
- iCalendar
- jqueryplugin
- 노마드코더
- 이미지에 다중링크걸기
- 개발자북클럽
- vue 카카오 Maps API
- json-server 사용하기
- 텍스트입력 라이브러리
- json-server 서버설치
- 자바스크립트 변수 차이점
- 변수선언방법
- js Array 내장함수
- 카카오 Maps API
- 카카오 Maps
- 노개북
- book_club
- 이미지에 링크여러개걸기
- node.js 로그관리
- node메일보내기
- plugin
- 텍스트서식태그
- 모바일 사용자를 위해 올바른 HTML input type
- 이미지에 링크여러개
- select플러그인
- book-club-it-dictionary
- node.js이메일보내기
Archives
- Today
- Total
목록모바일 사용자를 위해 올바른 HTML input type (1)
ㅇㅅㅇ
모바일 사용자를 위해 올바른 HTML input type 사용하기
모든 입력폼을 input type="text"으로 사용한다면 PC환경에서는 큰 차이가 못 느끼지만, 모바일에서는 작은 화면에서 제공되는 키패드를 사용하기 때문에 상황에 따라 불편을 느낄 수 있다. 이것을 해소해 주는 것이 input 태그의 type 속성이다. input 태그의 type 속성은 아래의 이미지 처럼 속성에 따라 최적화된 입력 환경으로 사용자에게 편의를 제공한다. (이미지는 안드로이드 버전) number : 숫자패드가 나온다. tel :숫자패드가 나오는데 number과 다른점이 있다면 *,+,#를 입력할 수 있는 버튼이 있다. email : 숫자+영문패드가 나온다. 하단에 .com을 입력할 수 있는 버튼도 있다. search : 입력하면 입력창 우측에 x버튼이 생기고 누르면 작성했던 내용이 지..
프로그래밍/HTML
2022. 7. 10. 19:02