웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
입력폼에 배경그림 넣기
2008.12.23 02:41
<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로 하면 안되더군요. 꼭 위와 같이 직접 스타일로 적어주세요.
제목 | 글쓴이 | 날짜 |
---|---|---|
페이지 자동 이동 방법 3가지!!! [10] | zero | 2000.03.06 |
카운터를 만들어봅시다~ (수정본) [181] | zero | 2000.03.08 |
쿠키(cookie)의 활용 [44] | zero | 2000.03.06 |
Zend Optimizer 4 설치 (아파치와 PHP4 Zend도 같이..) (리눅스) [6] | zero | 2000.06.04 |
리눅스에서 APM 설치 [9] | zero | 2000.05.31 |
MySQL RPM으로 설치하자!! (리눅스) [5] | zero | 2000.06.04 |
MYSQL Query의 간단한 사용법 [82] | zero | 2000.03.06 |
웹서핑 동작 원리의 이해 [18] | zero | 2007.10.05 |
입력폼에 배경그림 넣기 [1] | 정낙훈(xynex) | 2008.12.23 |
구글 번역기 API | 유비키리 | 2008.10.29 |
전체크기로 새창 열기 [1] | ITBANK.kr | 2008.10.01 |
지정된 시간동안 강제로 보여지는 언론사에서 많이 사용하는 광고창 | ITBANK.kr | 2008.10.01 |
항상 같은곳에 있는 광고창 만들기 | ITBANK.kr | 2008.10.01 |
첨부파일 확장자 체크 [정규식] | arimaya | 2008.06.23 |
자파스크립트로 GET으로 넘어온 파라미터 가져오기 [1] | 중딩 | 2008.05.26 |
나만의 위지윅 웹에디터 만들기 - 기본 준비2 [2] | 예뜨락 | 2008.05.11 |
나만의 위지윅 웹에디터 만들기 - 기본 준비1 [3] | 예뜨락 | 2008.05.05 |
나만의 위지윅 웹에디터 만들기 - 글 쓰기에 앞서 [4] | 예뜨락 | 2008.05.05 |
프레임홈일때 부분프레임 무단링크 방지하기 [3] | gosoo99 | 2008.04.08 |
동적 INPUT | june44.myid.net/ | 2008.03.31 |
sss
sss