input 모바일에서 숫자만 받는 패스워드를 만들어 보기

모바일에서 숫자만 받는 패스워드를 만들어 보기로 하자.

<input type="number" pattern="[0-9]*" inputmode="numeric"  />

CSS

input[type=password] { 

  -webkit-text-security: none;

  -webkit-text-security: circle;

  -webkit-text-security: square;

  -webkit-text-security: disc; /* default */ 

}

css는 속성의 값을 정리한 것이다.