차별화된 홈페이지

나만의 개성 있는 사이트를 구축하십시오!

22년의 노하우

22년의 노하우를 공유하십시오!

시원한 해결

귀하의 물음표를 느낌표로 바꾸어드립니다!

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 731
공지 Mysql DB 내용 불러오기 2016.02.22 540
공지 Php 앞 문자 또는 끝 문자 제거 2016.02.22 412
55 Html/Java 확인 대화창 띄우기 2016.06.20 372
54 Html/Java 확인 대화창 띄우기 2016.03.27 208
53 Html/Java 항목 선택시 바로 이동 2017.01.06 20
52 Html/Java 폼 입력창에 숫자 세 자리마다 콤마 찍어주기 2017.01.12 142
51 Html/Java 폼 입력창 속성 주기 2017.01.05 34
50 Graphic 포토샵에서 사람 지우기 2016.08.29 2155
49 Mysql 패스워드 변경시키기 2016.04.26 142
48 Server 특정 파일을 제외하고 압축 2018.05.24 138
» Html/Java 텍스트필드의 메세지 → 클릭하면 사라짐 2017.01.17 802
46 Php 텍스트 값 분리(explode) 2016.02.27 75
45 Html/Java 테이블에 속성 주기 2016.02.22 811
44 Html/Java 테이블 또는 셀에 링크 걸기 2017.01.17 126
43 Html/Java 창 크기 강제 조정 2016.03.29 117
42 Web 집에서 무음상태로 핸드폰 잃어버렸을 때 file 2016.02.16 1103
41 Php 중복입력 확인 2016.06.16 147
40 Widdows 자신의 네트워크 정보 보기 2016.03.17 98
39 Php 자릿수 2016.02.22 275
38 Php 입력내용이 없이 폼 전송 금지 2017.01.12 130
37 Html/Java 입력값이 숫자인지 확인 2016.04.05 94
36 Widdows 윈도의 유용한 단축키 file 2016.02.16 93
목록
Board Pagination Prev 1 2 3 Next
/ 3

LOGIN

SEARCH

MENU NAVIGATION