메뉴 보이기
Profile
이온디

2008.12.22

Script

입력폼에 배경 넣기

조회 수 4461 추천 수 0
출처 및 URL http://miniwini.com/miniwinis/bbs/index....&idx=3 
소스 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> new document </title>
<meta name="generator" content="editplus" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<SCRIPT language=javascript>
var c=false;
function ch (valueid) {
if(valueid == 'user_id') document.zb_login.user_id.style.backgroundImage="";
else document.zb_login.password.style.backgroundImage="";
c=true;
}
function chout (valueid) {
if(valueid == 'user_id') {
if(!document.zb_login.user_id.value) document.zb_login.user_id.style.backgroundImage="url(http://miniwini.com/miniwinis/looks/default/img/left_miniwini_title2.png)";
}
else {
if(!document.zb_login.password.value) document.zb_login.password.style.backgroundImage="url(http://miniwini.com/miniwinis/looks/default/img/left_miniwini_title2.png)";
}
c=true;
}
</SCRIPT>
</head>

<body>
<form name=zb_login method=post action="[action]" onsubmit="return zb_login_check_submit();">

<INPUT class=inputLogin name=user_id onmousedown="return ch('user_id');" onkeydown="return ch('user_id');" style="BACKGROUND-IMAGE: url(http://miniwini.com/miniwinis/looks/default/img/left_miniwini_title2.png); font-family:tahoma;font-size:7pt;color:#4A350C;border:#E8E4D4 1px solid; WIDTH: 87px; HEIGHT: 20px" onfocusout="return chout('user_id')" maxLength=20>
<INPUT class=inputLogin name=password onkeypress=javascript:check_keycode(event); onmousedown="return ch('password');" onkeydown="return ch('password');" style="BACKGROUND-IMAGE: url(http://miniwini.com/miniwinis/looks/default/img/left_miniwini_title2.png); font-family:tahoma;font-size:7pt;color:#4A350C;border:#E8E4D4 1px solid; WIDTH: 87px; HEIGHT: 20px" onfocusout="return chout('password')" type=password maxLength=20>
</body>
</html> 
내용에 넣으니깐 태그가 먹혀가지고;;

only IE 입니다. 크롬이나 파이어폭스에선 클릭했다 떼면 다시 배경이 안 살아나는군요;;
Profile
0
Lv

0개의 댓글

에디터
번호 제목 날짜 조회 수
공지 [웹표준] 코딩 배울 수 있는 사이트 모음(HTML/CSS/JS/IMG/PHP) 2018.01.03 99
공지 [jQuery] jQuery를 배울수 있는 동네들입니다. 2013.08.09 19176
공지 [미분류] 관련 링크 2010.05.23 33743
80 리다이렉트 방식에 대해서..... 2009.01.04 3605
79 DIV와 Table for Layout 에 대한 코딩 이야기 2 2009.01.03 4201
78 크로스브라우징 팁 정리 2 2009.01.01 4178
77 Rounded Corners 2008.12.31 3403
76 이미지 없이 CSS로 둥근 모서리 구현하기(1) 2008.12.31 3198
75 Rounded corners without images 1 2008.12.31 3202
74 [DIV] 이미지 없이 CSS로 둥근 모서리 구현하기 1 2008.12.31 12379
73 CSS 강좌 2일차 : display : inline(혹은 block, none) 2008.12.27 9006
72 구글 인덱스 코드 2008.12.25 3022
71 Table to DIV 5 2008.12.25 3580
[Script] 입력폼에 배경 넣기 2008.12.22 4461
69 [Script] onload="allblur()" 2007.11.10 4677
68 [Script] 레이어를 이용한 서브 메뉴 2007.09.10 6106
67 [미분류] 태터에 제로보드 넣기 & Next, Prev 버튼 감추기 (by SkyRejoice) 2007.08.27 11303
66 [HTML5] pre 태그랑 xmp 태그의 차이점 1 2007.08.20 9668
65 [Script] 스위칭 탭 2007.08.19 3913
64 [Script] 최소/최대화 버튼 없는 군더더기 없는 새창 띄우기 2007.04.22 6164
63 [Script] PNG 알파 필터 사용하기 1 2007.04.21 10392
62 [Script] DIV 레이어 토글 1 2007.04.21 7834
61 [PHP] 사이트 테마 기능 구현하기 1 2007.04.18 5552