2008.04.25 17:55
<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>
'Script > JavaScript' 카테고리의 다른 글
무지개색 그라데이션 텍스트 만들기 (0) | 2008.05.07 |
---|---|
select box 꾸미기 (0) | 2008.04.27 |
input box 배경 처리 및 클릭시 없어지게 하기 (0) | 2008.04.25 |
input text 직접입력 못하게 하기 (1) | 2008.04.22 |
input text 박스에 한글 입력 못하게 하기... (1) | 2008.04.22 |
롤오버시 스타일 변경 스크립트 (0) | 2008.04.14 |