input box 클릭하지 않았을때 id라는 글자 보이고 클릭하면 사라지는 ㅋㅋ
<head>
<meta http-equiv='Content-Type' content='text/html; charset=euc-kr' />
<style type='text/css'>
.id_blur { background: transparent url("login_bg.gif") top left}
.id_focus { background: #ffffe0 ; color: #003300 }
.pw_blur { background: transparent url("login_bg.gif") bottom left}
.pw_focus { background: #ffffe0 ; color: #003300 }
</style>
</head>
<body>
<form name='login_form' action='login.php'>
<input type='text' name='id' onFocus="this.className='id_focus'" onBlur="if ( this.value == '' ) { this.className='id_blur' }" class='id_blur' />
<br />
<input type='password' name='pw' onFocus="this.className='pw_focus'" onBlur="if ( this.value == '' ) { this.className='pw_blur' }" class='pw_blur' />
</form>
'IT 소프트웨어 > CSS' 카테고리의 다른 글
| 스크롤바 관련 CSS (0) | 2009/10/20 |
|---|---|
| input 에 클릭하면 사라지고, out 되면 배경이미지가 나타나는 스크립트 (0) | 2009/08/12 |
| input box 클릭하면 사라지는 글자 (0) | 2009/05/19 |
| 100%의 높이를 유지하는 레이아웃 (0) | 2009/03/18 |
| 익스플로러 더블마진 해결하기 (0) | 2008/12/20 |
| UL, LI 태그 밑에 생기는 여백 해결 (IE6) (0) | 2008/10/01 |
댓글을 달아 주세요