웹마스터 팁

  2. Support
  3. 웹마스터 팁

입력폼에 배경그림 넣기

2008.12.23 02:41

정낙훈(xynex)

<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(./image/bg_inform_id.png)";
}
else {
if(!document.zb_login.password.value) document.zb_login.password.style.backgroundImage="url(./image/bg_inform_password.png)";
}
c=true;
}
</SCRIPT> 

위 자바스크립트를 링크를 걸지 마시고 직접 해당하는 파일에 삽입해주세요.
아래는 html 소스입니다.

<form action="./" method="post" onsubmit="return procFilter(this, widget_login)" id="fo_login_widget" name="zb_login">

<input type="text" name="user_id" onmousedown="return ch('user_id');" onkeydown="return ch('user_id');" style="background: url(./image/bg_inform_id.png) no-repeat;" onfocusout="return chout('user_id')" maxLength=20>
<input type="password" name="password" onmousedown="return ch('password');" onkeydown="return ch('password');" style="background: url(./image/bg_inform_password.png)) no-repeat;" onfocusout="return chout('password')" maxLength=20>

녹색은 파일경로이며, 붉은색은 폼네임입니다. 꼭 자바스크립트와 동일하게 맞춰주세요.
파란색은 아이디와 패스워드의 네임입니다. 이것도 꼭 지켜주시고요.
인풋에 스타일은 class로 하면 안되더군요. 꼭 위와 같이 직접 스타일로 적어주세요.
이 게시물을
수정 삭제
좋아요
목록
제목 글쓴이 날짜
제로보드로 유료 사이트 만들기 (결제 테이블) [2] 한꼬마 2002.10.30
제로보드로 유료 사이트 만들기 (서론) [6] 한꼬마 2002.10.28
[출처있음]NZEO 채널 흉내내기 [10] (＇ _ ') napclub 2002.10.28
현재 접속자 구하기...(파일2개) inging-zb41 2002.10.26
사용자정의 함수 뽑아오는 함수입니다... [4] 우트라 2002.10.23
[추천 소스] 특정일로부터 지난날짜 혹은 남은날짜 구하기~ [5] 박은석 2002.10.22
[추천 소스] nzeo에 있는 북마크 기능 구현하기(hot key 는 제외) 초허접 강좌 [10] 정승재 2002.10.22
이메일 주소 인코딩하기 [7] 투유 2002.10.20
Java Applet을 활용한 업로드시 전송률 확인하기.. file 아이쿠 2002.10.19
www 떼고 접속하면 다시 www붙은 주소로 리다이렉션 걸기 [8] [EC]POLARGOM 2002.10.18
[PHP소스] 서버 시간에 따라 배경이 바뀌는 테이블!! [8] file 조현 2002.10.11
페이지에 접속할 때마다 다른 배너보여주는 소스.. [9] 풍월주인 2002.10.07
exp. 완전 랜덤배너 소스 [8] file TheMics 2002.10.12
11. PHP에서의 변수형 [1] 한꼬마 2002.10.04
10. 문자열(STRING) 처리 및 관련함수 [1] 한꼬마 2002.10.04
9. 표현식(Expressions) - 연산자 한꼬마 2002.10.04
8. PHP 의 제어구조 [1] 한꼬마 2002.10.04
7. 함수(FUNCTION) 와 클래스(CLASS) 한꼬마 2002.10.04
6. 시간관련 함수 한꼬마 2002.10.04
5. 파일 처리 관련 함수 [1] 한꼬마 2002.10.04
태그 쓰기