input box 배경 처리 및 클릭시 없어지게 하기
로빈아빠
본문
<html>
<head>
<style>
.inputbox {
BORDER-RIGHT: #73a1d8 1px solid; BORDER-TOP: #73a1d8 1px solid; PADDING-LEFT: 3px;
FONT-SIZE: 11px; IME-MODE: disabled; MARGIN: 1px 0px 2px; BORDER-LEFT: #73a1d8 1px solid;
WIDTH: 110px; BORDER-BOTTOM: #73a1d8 1px solid; HEIGHT: 18px; BACKGROUND-COLOR: #ffffff
}
</style>
<SCRIPT type=text/javascript>
<!--
function loginform_clearbg(type) {
if (type == "id") {
document.loginform.id.style.backgroundImage = '';
} else if (type == "pw") {
document.loginform.pw.style.backgroundImage = '';
}
}
//-->
</SCRIPT>
</head>
출처가 어딘지 모르겠다.. ㅡㅡ;
<body>
<form name=loginform >
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="30">
<input id=id type="text" size="15" class=inputbox style="BACKGROUND: url(http://image.hanmail.net/hanmail/top/2005f_top/id.gif) #ffffff no-repeat" onfocus="loginform_clearbg('id');" >
</td>
</tr>
<tr valign="top">
<td height="28">
<input id=pw type="text" size="15" class=inputbox style="BACKGROUND: url(http://image.hanmail.net/hanmail/top/2005f_top/pass.gif) #ffffff no-repeat" onfocus="loginform_clearbg('pw');" >
</td>
</tr>
</table>
</form>
</body>
</html>
<head>
<style>
.inputbox {
BORDER-RIGHT: #73a1d8 1px solid; BORDER-TOP: #73a1d8 1px solid; PADDING-LEFT: 3px;
FONT-SIZE: 11px; IME-MODE: disabled; MARGIN: 1px 0px 2px; BORDER-LEFT: #73a1d8 1px solid;
WIDTH: 110px; BORDER-BOTTOM: #73a1d8 1px solid; HEIGHT: 18px; BACKGROUND-COLOR: #ffffff
}
</style>
<SCRIPT type=text/javascript>
<!--
function loginform_clearbg(type) {
if (type == "id") {
document.loginform.id.style.backgroundImage = '';
} else if (type == "pw") {
document.loginform.pw.style.backgroundImage = '';
}
}
//-->
</SCRIPT>
</head>
출처가 어딘지 모르겠다.. ㅡㅡ;
<body>
<form name=loginform >
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="30">
<input id=id type="text" size="15" class=inputbox style="BACKGROUND: url(http://image.hanmail.net/hanmail/top/2005f_top/id.gif) #ffffff no-repeat" onfocus="loginform_clearbg('id');" >
</td>
</tr>
<tr valign="top">
<td height="28">
<input id=pw type="text" size="15" class=inputbox style="BACKGROUND: url(http://image.hanmail.net/hanmail/top/2005f_top/pass.gif) #ffffff no-repeat" onfocus="loginform_clearbg('pw');" >
</td>
</tr>
</table>
</form>
</body>
</html>
관련링크
댓글목록
등록된 댓글이 없습니다.