js 기반 모바일 웹앱 질문

Question

텍스트타입 인풋 태그에 포커스 될때,모바일기기의 경우 일반 키배열이 있고 숫자만 나오는 키배열이 있는데 그것을 js쪽 클라에서 설정해줄수 있나요?

개봉박살 · Answer

보통은 type이 number면 숫자패드가 뜨고text면 쿼티나 기기설정한 키보드가 뜨는걸로 알고있습니다.

컴포지트 · Answer

보통 데스크탑이나 모바일에서 자유롭게 입력 가능한 기본형 입력란이죠.HTML5 에서는 Mobile First 고려해서 설계했기 때문에 js와 무관하게 설정 가능합니다.예를 들어 쓰면 숫자 키배열이 뜰 거고, 쓰면 전화번호 입력란, 쓰면 일반 키패드처럼 보이지만 골뱅이(@)를 바로 입력하게끔 해주기도 하죠. js에서 설정할 필요는 없고, js로 만들어야 한다면 var input = document.createElement('input') 식으로 태그 생성 후 input.type = 'number' 등의 속성을 부여하면 되는데, 주의사항은 렌더링 된 후 type 속성 설정하면 안된다는 것만 알아두면 됩니다.

js 기반 모바일 웹앱 질문

2개의 답변

Q&A 목록