아무거나

모바일 키패드에서 숫자만 입력 가능하며 type=password 와 같이 만드는법 본문

Javascript & HTML & CSS/HTML

모바일 키패드에서 숫자만 입력 가능하며 type=password 와 같이 만드는법

전봉근 2020. 4. 6. 19:13
반응형
    // html
    <input
      type={'numeric'}
      inputMode={'decimal'}
      maxLength={6}
      pattern={'d*'}
      placeholder={'번호를 입력해주세요'}
    />

    // css ( 숫자입력시 type=password 처럼 변형 시키는 css )
    input[type=numeric] {
      -webkit-text-security:disc;
    }
반응형
Comments