워터마크 구현
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<title>워터 마트 구현</title>
<script language = "javascript" type="text/javascript">
//초기값인 상태라면 텍스트박스 값 지우기 : 워터마크 지우기
function clearField(field) {
if(field.value == field.defaultValue){
field.value = '';
}
}
//아무것도 입력되지 않았다면, 초기값으로 다시 지정 : 아이디/비밀번호
function checkField(field) {
if(field.value == ''){
field.value == field.defaultValue;
}
}
</script>
</head>
<body>
아이디 : <input type="text" value="아이디" onfocus="clearField(this)" onblur="checkField(this);"/><br />
비밀번호 : <input type="password" value="비밀번호" onfocus="clearField(this)" onblur="checkField(this);"/><br />
<input type="submit" value="로그인" />
</body>
</html>
'Programming > Javascript' 카테고리의 다른 글
| iframe (0) | 2013.08.26 |
|---|---|
| 새로고침 종류 (0) | 2013.05.30 |
| 복사 방지, 소스보기 막는 소스 (0) | 2013.01.23 |
| 체크박스 전체선택 전체 해제 (0) | 2013.01.23 |
| 주문자와 배송지 정보 같게 설정하는 checkbox (0) | 2013.01.22 |
