🌿 가상키보드

이번 섹션에서는 모바일이나 태블릿에서 쓰일 가상키보드를 적용하는 실습을 진행하려 합니다.

Google Chrome용 가상 키보드 설치

해당 링크를 클릭하여 크롬에 쓰이는 확장 프로그램을 설치합니다.

스크린샷 2024-08-05 오후 3.35.11.png

설치를 완료 하였으면 주소창 우측의 퍼즐 모양 아이콘을 누르면, 방금 설치한 가상키보드 확장 프로그램을 클릭하여 실행해 봅시다.

스크린샷 2024-08-05 오후 3.36.53.png

하단의 Start 버튼을 누르고 원하는 인풋을 클릭하면 가상키보드가 하단에 나타나게됩니다.

스크린샷 2024-08-05 오후 3.38.35.png

스크린샷 2024-08-05 오후 3.41.58.png

구매자이름: <input type="text" /><br />
핸드폰번호: <input type="tel" /><br />
구매개수: <input type="number" />개<br />

위 코드처럼 인풋 타입에 따라서 나타나는 가상키보드 키패드도 바뀌게 됩니다.

스크린샷 2024-08-05 오후 3.43.38.png

스크린샷 2024-08-05 오후 3.43.47.png

📝 실습 코드