적용 가이드
- 2008년 3Q 이후부터 적용되어야 할 개선된 코드의 보안 로그인 입니다.
- 키보드 접근성이 향상되었으며 HTML코드의 유효성이 확보되었습니다. HTML 4.01 Transitional 표준 DTD 적용됨.
- 보안 로그인 영역의 신규 디자인이나 변경 이슈가 발생하는 경우 개선된 버전의 코드를 사용하여야 합니다.
- 팝업을 제외하고 iframe 으로 삽입 됩니다. iframe 에는 title 속성을 다음과 같이 명시 합니다.
<iframe title="보안로그인"></iframe>
- CSS 코드는 문서 헤드에 포함되어 있습니다.
- 보안 1단계 인풋은 HTML으로, 2단계 인풋은 Flash로, 3단계 인풋은 Iframe+ActiveX로 처리되어 있습니다.
- 보안 각 단계에 해당하는 화면은
<div id="login_wrap" class="step2"> 엘리먼트의 class를 동적으로 변경 step1~step3 처리하면 됩니다.
- IP보안 기능의 버튼 표시는 다음과 같이 처리 합니다.
- On 일 때
<button type="button" class="on"><img src="http://static.naver.com/green/ico_ip_on.gif" alt="ON" width="18" height="12" /></button>
- Off 일 때
<button type="button" class="off"><img src="http://static.naver.com/green/ico_ip_off.gif" alt="OFF" width="18" height="12" /></button>
- 보안 2단계 플래시 오브젝트 인풋 영역의 디자인은 모두 플래시 외부에서 제어 됩니다. 문서
<head>에 포함된 <script> 코드를 참고 하세요.
- 보안 3단계 인풋 영역은 iframe 처리되어 있습니다.
- 오류 메시지가 포함되어 있으며 오류 메시지는 보안로그인의 너비와 높이를 초과할 수 없고 스킨의 너비에 따라 변경 되어야 합니다.
- 오류 메시지 출력은
<ul class="login_error" id="ex"> 엘리먼트의 id를 e1~e12 까지 동적으로 변경하면 됩니다. 오류가 없을 때 id는 ex 입니다.
로그인 목록