반응형
input type="text"는 간단하게 maxlength로 길이 제한을 할 수있지만 type="number"는 적용 되지 않음.
스크립트를 추가하여 type="text"처럼 제어하는법
<input type="number" maxlength="4" oninput="maxLengthCheck(this)" min="1">
<script type="text/javascript">
function maxLengthCheck(object){
if (object.value.length > object.maxLength){
object.value = object.value.slice(0, object.maxLength);
}
</script>반응형
'개발노트' 카테고리의 다른 글
| 메인페이지 이미지 로딩 시간 줄이기 (0) | 2022.04.29 |
|---|---|
| 엔터키로 이벤트 실행시키기 (0) | 2022.04.29 |
| DB에 <br> 들어갔을 때 줄 바꿈 적용하는 법 (0) | 2022.04.29 |
| form 안에 button 자동 submit 막기 (0) | 2022.04.29 |
| input에 숫자만 입력 가능하도록 (0) | 2022.04.29 |