close_btn
Html/Java

텍스트필드의 메세지 → 클릭하면 사라짐

posted Jan 17, 2017

간단하지만 많이 사용하는 기능입니다

<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>


List of Articles
번호 분류 제목 날짜 조회 수
공지 Php date() 함수 사용법 2016.02.22 710
공지 Mysql DB 내용 불러오기 2016.02.22 361
공지 Php 앞 문자 또는 끝 문자 제거 2016.02.22 329
47 Graphic 포토샵에서 사람 지우기 2016.08.29 1916
46 Office 엑셀 사용 팁(단축키) file 2016.02.16 1141
45 Mysql 엑셀에서 셀을 탭으로 분리시 따옴표가 생기는 문제 2016.02.25 1128
44 Web 집에서 무음상태로 핸드폰 잃어버렸을 때 file 2016.02.16 1025
43 Html/Java 테이블에 속성 주기 2016.02.22 808
» Html/Java 텍스트필드의 메세지 → 클릭하면 사라짐 2017.01.17 751
41 Office 갤럭시노트2 공장초기화 2016.07.27 510
40 Widdows 앱을 시작프로그램에 등록하기 2016.08.12 480
39 Mysql Mysql 재시작 2017.03.29 446
38 Mysql DB의 문자열을 한꺼번에 바꾸기 2016.02.27 376
37 Mysql DB자료 이전 2016.02.27 374
36 Html/Java 확인 대화창 띄우기 2016.06.20 306
35 Php 자릿수 2016.02.22 271
34 Server centos5 네트워크 설정 2016.03.17 255
33 Html/Java 확인 대화창 띄우기 2016.03.27 174
32 Widdows 윈도10에서 명령어 입력 file 2016.02.16 171
31 Server centos5에서 부팅방법 결정 2016.03.17 169
목록
Board Pagination Prev 1 2 3 Next
/ 3