간단하지만 많이 사용하는 기능입니다
<html>
<head>
<meta http-equiv=content-type content=text/html; charset=euc-kr>
<!---- [1단계] 아래의 스크립트를 HEAD 부분에 복사 해 넣으세요 ----->
<script>
function clearText(thefield){
if (thefield.defaultValue==thefield.value) {
thefield.value = ""
}
}
</script>
<!--------------------------- 여기까지 ---------------------------->
</head>
<body>
<p>마우스를 클릭하면 텍스트가 사라집니다
<!---- [2단계] 아래와 같은 방법으로 태그와 코드를 복사 해 넣으세요 --->
<form>
<input type="text" value="검색어를 입력 하세요" onFocus="clearText(this)">
</form>
<!--------------------------- 여기까지 ---------------------------->
</body>
</html>
■■■■■■■■■■
하나의 입력영역에서만 사용하려면 아래처럼 간단한 방법으로도 가능합니다.
<form>
<input type="text" onFocus="this.value=''" value="기본값">
</form>
번호 | 제목 | 날짜 | 조회 수 |
---|---|---|---|
61 | Etc [Musescore] 사용 팁 | ||
60 | Etc Visual Studio 단축기(shortcut) | ||
59 | Windows 윈도10 시작프로그램 등록 | ||
58 | Windows 윈도10 껐는데도 저절로 다시 켜지는 경우 | ||
57 | Web DNS 캐시 삭제 | ||
56 | Web 유튜브(YouTube) 동영상을 반응형으로 삽입하기 | ||
55 | Server Xshell에서 숫자 키패드가 안 먹힐 때 | ||
54 | Server 특정 파일을 제외하고 압축 | ||
53 | Windows Onedrive 동기화가 안 될 때 | ||
52 | Web 댓글에 넥네임 대신 이름 표시 | ||
51 | Php php.ini 수정 | ||
50 | Windows 윈도우10 시작시 브라우저가 저절로 켜진다면 | ||
49 | Mysql Mysql 재시작 | ||
» | Html/Java 텍스트필드의 메세지 → 클릭하면 사라짐 | ||
47 | Html/Java 테이블 또는 셀에 링크 걸기 | ||
46 | Php 입력내용이 없이 폼 전송 금지 | ||
45 | Html/Java 폼 입력창에 숫자 세 자리마다 콤마 찍어주기 | ||
44 | Php 날짜 형식 검사 | ||
43 | Html/Java 항목 선택시 바로 이동 | ||
42 | Html/Java 폼 입력창 속성 주기 |