[Javascript] html input 태그 maxlength 속성 동작 안함

1. 문제상황

<input type="number" maxlength="5">

input type을 number로 지정해놓고 최대 글자 수를 5자리로 지정해 놨는데 제대로 동작을 안하는 경우가 있었음

2. 해결방법

oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);" 속성을 추가한다

<input type="number" maxlength="5" oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);">

참고사이트

https://stackoverflow.com/questions/9555143/html-maxlength-attribute-not-working-on-chrome-and-safari