어느 사이트를 가면 회원가입 폼에서 탭키나 마우스를 인풋박스에 찍지 안아도
글자수를 맞게 입력하면 자동으로 다음으로 넘어가죠. 그 태그입니다.
예제는 링크를 클릭하세요. 위 링크된 것은 예전에 썼던 것인데 요즘은 사용하지 안고 있는
영화관? 입니다. 주민등록 앞자리 6자리를 입력하면 자동으로 다음 인풋태그로 넘어갑니다.
<html>
<head>
<title></title>
<script language="javascript">
function moveNext(varControl, varNext)
{
if(varControl.value.length == varControl.maxLength)
{
varNext.focus();
varNext.select();
}
}
</script>
</head>
<body>
<input type="" name="jumin1" maxlength="6" size="6" OnKeyUp="moveNext(this, jumin2);">
<input type="" name="jumin2" maxlength="7" size="7" OnKeyUp="moveNext(this, jumin3);">
<input type="" name="jumin3" maxlength="6" size="6" OnKeyUp="moveNext(this, jumin4);">
<input type="password" name="jumin4" maxlength="7" size="7" OnKeyUp="moveNext(this, jumin1);">
</body>
</html>
글자수를 맞게 입력하면 자동으로 다음으로 넘어가죠. 그 태그입니다.
예제는 링크를 클릭하세요. 위 링크된 것은 예전에 썼던 것인데 요즘은 사용하지 안고 있는
영화관? 입니다. 주민등록 앞자리 6자리를 입력하면 자동으로 다음 인풋태그로 넘어갑니다.
<html>
<head>
<title></title>
<script language="javascript">
function moveNext(varControl, varNext)
{
if(varControl.value.length == varControl.maxLength)
{
varNext.focus();
varNext.select();
}
}
</script>
</head>
<body>
<input type="" name="jumin1" maxlength="6" size="6" OnKeyUp="moveNext(this, jumin2);">
<input type="" name="jumin2" maxlength="7" size="7" OnKeyUp="moveNext(this, jumin3);">
<input type="" name="jumin3" maxlength="6" size="6" OnKeyUp="moveNext(this, jumin4);">
<input type="password" name="jumin4" maxlength="7" size="7" OnKeyUp="moveNext(this, jumin1);">
</body>
</html>
'인터넷관련' 카테고리의 다른 글
스타일 시트의 개념과 사용법 (0) | 2008.01.18 |
---|---|
테이블 프레임(frame) 형태 지정하기 (0) | 2008.01.18 |
글자/단어 간격을 입맛대로 바꾸자. (0) | 2008.01.18 |
링크를 새창 or 현재창으로 선택해서 열게하자 (0) | 2008.01.18 |
프레임,타겟(Tartget),윈도우URL처리법~ (0) | 2008.01.18 |
소스 한줄로 만들기 (0) | 2008.01.18 |
이전글 응용태그(테이블 테두리 롤오버 효과?) (0) | 2008.01.18 |
테이블에 마우스 배경컬러 롤오버 효과 (0) | 2008.01.18 |