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 708
공지 Mysql DB 내용 불러오기 2016.02.22 353
공지 Php 앞 문자 또는 끝 문자 제거 2016.02.22 318
46 Graphic 포토샵에서 사람 지우기 2016.08.29 1893
45 Office 엑셀 사용 팁(단축키) file 2016.02.16 1125
44 Web 집에서 무음상태로 핸드폰 잃어버렸을 때 file 2016.02.16 1005
43 Mysql 엑셀에서 셀을 탭으로 분리시 따옴표가 생기는 문제 2016.02.25 938
42 Html/Java 테이블에 속성 주기 2016.02.22 807
» Html/Java 텍스트필드의 메세지 → 클릭하면 사라짐 2017.01.17 714
40 Widdows 앱을 시작프로그램에 등록하기 2016.08.12 467
39 Mysql Mysql 재시작 2017.03.29 390
38 Office 갤럭시노트2 공장초기화 2016.07.27 387
37 Mysql DB의 문자열을 한꺼번에 바꾸기 2016.02.27 372
36 Mysql DB자료 이전 2016.02.27 370
35 Html/Java 확인 대화창 띄우기 2016.06.20 286
34 Php 자릿수 2016.02.22 271
33 Server centos5 네트워크 설정 2016.03.17 251
32 Html/Java 확인 대화창 띄우기 2016.03.27 172
31 Server centos5에서 부팅방법 결정 2016.03.17 167
30 Widdows 윈도10에서 명령어 입력 file 2016.02.16 165
목록
Board Pagination Prev 1 2 3 Next
/ 3