** 우리가 흔히 웹사이트 방문하면 로그인을 해야하는 경우가 있습니다.
그런데 사이트를 접속하자마자 로그인 부분에 커서가 깜박인다면 어떨까요?
마우스로 드래그하지 않아도 바로 사용자가 입력을 할수가 있겠죠?
바로 그 내용을 나타내주는 기능입니다.
아래의 내용을 천천히보심 아실수가 있습니다.
<body bgcolor="#FFFFFF" text="#000000" onload="document.폼태그네임.폼필드네임.focus();">
<form name="form1" method="post" action="">
아이디 <input type="text" name="id">
<br>
비밀번호 <input type="password" name="passwd">
</form>
</body>
</html>
■ 활용방법
<body bgcolor="#FFFFFF" text="#000000" onload="document.form1.id.focus();">
<form name="form1" method="post" action="">
아이디 <input type="text" name="id">
<br>
비밀번호 <input type="password" name="passwd">
</form>
</body>
</html>
** 페이지로딩후 자동으로 커서가 로그인창으루....
㉠
<BODY onload="document.폼네임.input네임.focus();">
<FORM name="폼네임">
<INPUT type="text" name="input네임">
</FORM>
이렇게 하시면 됩니다.
㉡
이건 팁엔텍 접속시에 나오는 소스입니다.
<script language="javascript">
function SetFocus() {
if (document.LoginForm) document.LoginForm.id.focus();
}
</script>
</head>
<body onLoad="SetFocus()">
<form name="LoginForm" action="/members/login.asp" method="post">
<input type="text" name="id" size="7" class="tbox">
</form>
보시면 SetFocus() 의 함수부분에
document.폼네임.인풋네임.focus()라고 정의를 하구
바디에 온로드 함수이름을 쓴게 보이시죠..
이런식으로 하시면 될겁니다..
| |
