처음 만들어본 로그인입니다.. 정보
외부로그인 처음 만들어본 로그인입니다..본문
아...부끄러워라...^^;
필요해서 만들어 봤는데 다른분이 만든거 보고 거의 베끼는 수준으로 만들었습니다.
이거 만드는데도 어렵더군요..ㅡ.ㅡ;
약간의 문제가 있습니다.
로그인할때 아이디를 입력하고 탭키를 누르면 패스워드로 이동을 안합니다...
이 문제는 다른분이 만든거 아무리 들여다 봐도 못해서....고수분들이 해결좀 해주세요.
어드민은 사용자 이름 옆에 열쇠아이콘으로 표시했습니다.
그리고 이미지 이름은...up down이런거 귀찮아서요 포토샵에서 자르기 명령할때 나오는 자동이름으로 그냥 뒀습니다..
제가 예상치 못한 문제가 있으면 댓글로 남겨주세요.
능력은 없지만 고쳐보겠습니다.
처음 만든것이니 이해좀 해주시고 많은 조언 부탁드립니다..
필요해서 만들어 봤는데 다른분이 만든거 보고 거의 베끼는 수준으로 만들었습니다.
이거 만드는데도 어렵더군요..ㅡ.ㅡ;
약간의 문제가 있습니다.
로그인할때 아이디를 입력하고 탭키를 누르면 패스워드로 이동을 안합니다...
이 문제는 다른분이 만든거 아무리 들여다 봐도 못해서....고수분들이 해결좀 해주세요.
어드민은 사용자 이름 옆에 열쇠아이콘으로 표시했습니다.
그리고 이미지 이름은...up down이런거 귀찮아서요 포토샵에서 자르기 명령할때 나오는 자동이름으로 그냥 뒀습니다..
제가 예상치 못한 문제가 있으면 댓글로 남겨주세요.
능력은 없지만 고쳐보겠습니다.
처음 만든것이니 이해좀 해주시고 많은 조언 부탁드립니다..
추천
1
1
댓글 전체
아이디와 패스워드를 하나의 테이블에 넣어 주면 될겁니다....^^
깔끔하네요
잘 쓸께요^^
심플하고 좋습니다
tabindex 사용하여 Tab 컨트롤 방법
http://www.kepad.or.kr/
메인 페이지 작업할때....
탭키로 지정한 내용 보여주기 원할때 사용함.
대부분 회원 로그인 부분에 많이 사용함.
예제 하나....
<table border=0>
<tr>
<td align=right>아이디</td>
<td><input type=text name=ID tabindex=3>
<input type=checkbox tabindex=1>보안접속</td>
</tr>
<tr>
<td align=right>비밀번호</td>
<td><input type=password name=PWD tabindex=1>
<input type=button value="로그인" tabindex=4></td>
</tr>
</table>
예제 둘...
<TABLE>
<TR>
<TD><TABLE tabindex=1 border ="1"><TR><TD></TD></TR></TABLE></TD>
<TD><TABLE tabindex=4 border ="1"><TR><TD></TD></TR></TABLE></TD>
</TR>
<TR>
<TD><TABLE tabindex=2 border ="1"><TR><TD></TD></TR></TABLE></TD>
<TD><TABLE tabindex=5 border ="1"><TR><TD></TD></TR></TABLE></TD>
</TR>
<TR>
<TD><TABLE tabindex=3 border ="1"><TR><TD></TD></TR></TABLE></TD>
<TD><TABLE tabindex=6 border ="1"><TR><TD></TD></TR></TABLE></TD>
</TR>
</TABLE>
----------------------
outlogin.skin.1.php
<table cellpadding=0 cellspacing=0 border=0>
<tr>
<td><img src="<?=$outlogin_skin_path?>/img/login_id.gif" border=0></td>
<td><input name="mb_id" type="text" tabindex=1 class=ed size="12" maxlength="20" required itemname="아이디" value='아이디' onMouseOver='chkReset(this.form);' onFocus='chkReset(this.form);'></td>
<td width=5 rowspan=3></td>
<td rowspan=3><input type="image" tabindex=4 src="<?=$outlogin_skin_path?>/img/login_button.gif" border=0></td>
</tr>
<tr><td height=3 colspan=2></td></tr>
<tr>
<td><img src="<?=$outlogin_skin_path?>/img/login_pw.gif" border=0></td>
<td id=pw1><input type="text" tabindex=2 class=ed size="12" maxlength="20" required itemname="패스워드" value='패스워드' onMouseOver='chkReset(this.form);' onfocus='chkReset(this.form);'></td>
<td id=pw2 style='display:none;'><input name="mb_password" type="password" tabindex=3 class=ed size="12" maxlength="20" itemname="패스워드" onMouseOver='chkReset(this.form);' onfocus='chkReset(this.form);'></td>
</tr>
<tr>
<td></td>
<td colspan=3><input type="checkbox" tabindex=5 name="auto_login" value="1" onclick="if (this.checked) { if (confirm('자동로그인을 사용하시면 다음부터 회원아이디와 패스워드를 입력하실 필요가 없습니다.\n\n\공공장소에서는 개인정보가 유출될 수 있으니 사용을 자제하여 주십시오.\n\n자동로그인을 사용하시겠습니까?')) { this.checked = true; } else { this.checked = false; } }"><img src="<?=$outlogin_skin_path?>/img/login_auto.gif" border=0></td>
</tr>
</table>
http://www.kepad.or.kr/
메인 페이지 작업할때....
탭키로 지정한 내용 보여주기 원할때 사용함.
대부분 회원 로그인 부분에 많이 사용함.
예제 하나....
<table border=0>
<tr>
<td align=right>아이디</td>
<td><input type=text name=ID tabindex=3>
<input type=checkbox tabindex=1>보안접속</td>
</tr>
<tr>
<td align=right>비밀번호</td>
<td><input type=password name=PWD tabindex=1>
<input type=button value="로그인" tabindex=4></td>
</tr>
</table>
예제 둘...
<TABLE>
<TR>
<TD><TABLE tabindex=1 border ="1"><TR><TD></TD></TR></TABLE></TD>
<TD><TABLE tabindex=4 border ="1"><TR><TD></TD></TR></TABLE></TD>
</TR>
<TR>
<TD><TABLE tabindex=2 border ="1"><TR><TD></TD></TR></TABLE></TD>
<TD><TABLE tabindex=5 border ="1"><TR><TD></TD></TR></TABLE></TD>
</TR>
<TR>
<TD><TABLE tabindex=3 border ="1"><TR><TD></TD></TR></TABLE></TD>
<TD><TABLE tabindex=6 border ="1"><TR><TD></TD></TR></TABLE></TD>
</TR>
</TABLE>
----------------------
outlogin.skin.1.php
<table cellpadding=0 cellspacing=0 border=0>
<tr>
<td><img src="<?=$outlogin_skin_path?>/img/login_id.gif" border=0></td>
<td><input name="mb_id" type="text" tabindex=1 class=ed size="12" maxlength="20" required itemname="아이디" value='아이디' onMouseOver='chkReset(this.form);' onFocus='chkReset(this.form);'></td>
<td width=5 rowspan=3></td>
<td rowspan=3><input type="image" tabindex=4 src="<?=$outlogin_skin_path?>/img/login_button.gif" border=0></td>
</tr>
<tr><td height=3 colspan=2></td></tr>
<tr>
<td><img src="<?=$outlogin_skin_path?>/img/login_pw.gif" border=0></td>
<td id=pw1><input type="text" tabindex=2 class=ed size="12" maxlength="20" required itemname="패스워드" value='패스워드' onMouseOver='chkReset(this.form);' onfocus='chkReset(this.form);'></td>
<td id=pw2 style='display:none;'><input name="mb_password" type="password" tabindex=3 class=ed size="12" maxlength="20" itemname="패스워드" onMouseOver='chkReset(this.form);' onfocus='chkReset(this.form);'></td>
</tr>
<tr>
<td></td>
<td colspan=3><input type="checkbox" tabindex=5 name="auto_login" value="1" onclick="if (this.checked) { if (confirm('자동로그인을 사용하시면 다음부터 회원아이디와 패스워드를 입력하실 필요가 없습니다.\n\n\공공장소에서는 개인정보가 유출될 수 있으니 사용을 자제하여 주십시오.\n\n자동로그인을 사용하시겠습니까?')) { this.checked = true; } else { this.checked = false; } }"><img src="<?=$outlogin_skin_path?>/img/login_auto.gif" border=0></td>
</tr>
</table>
..
