<html>
<div>
<input type="text" maxlength="3" class="onlythree" />.
<input type="text" maxlength="3" class="onlythree" />.
<input type="text" maxlength="3" class="onlythree" />.
<input type="text" maxlength="3" class="onlythree" />
</div>
<javascript>
$(".onlythree").keyup(function () {
if (this.value.length == this.maxLength) {
$(this).next('.onlythree').focus();
}
});
<css>
.onlythree{
width: 50px;
border: 0;
}
div{
border: 1px solid gray;
display: inline-block;
} '[공부용]참고 사이트 모음 > [html]' 카테고리의 다른 글
| HTML/CSS - 테이블 헤더, 컬럼 고정 후 스크롤 (Scroll table fixed th, column) (0) | 2020.10.05 |
|---|---|
| 태그의 다양한 스타일(style) 설정 (0) | 2020.09.17 |
