tip

input type="number" maxlength 스크립트

공부하자민정맘 2022. 11. 3. 15:21

> <input type="number">는 maxlength 만으로 안먹히기 때문에 스크립트 추가

 

<input type="number" inputmode="numeric" id="" name="" maxlength="1" placeholder="학년" oninput="numberMaxLength(this);">

 

<script>
    function numberMaxLength(e){
        if(e.value.length > e.maxLength){
            e.value = e.value.slice(0, e.maxLength);
        }
    }
</script>


* inputmode="numeric"은 모바일버전에서 숫자키패드 나오게 하는 기능