차별화된 홈페이지

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

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
52 Office 갤럭시노트2 공장초기화 2016.07.27 5809
51 Graphic 포토샵에서 사람 지우기 2016.08.29 2154
50 Mysql 엑셀에서 셀을 탭으로 분리시 따옴표가 생기는 문제 2016.02.25 1644
49 Office 엑셀 사용 팁(단축키) file 2016.02.16 1192
48 Web 집에서 무음상태로 핸드폰 잃어버렸을 때 file 2016.02.16 1102
47 Html/Java 테이블에 속성 주기 2016.02.22 811
» Html/Java 텍스트필드의 메세지 → 클릭하면 사라짐 2017.01.17 802
45 Mysql Mysql 재시작 2017.03.29 531
44 Widdows 앱을 시작프로그램에 등록하기 2016.08.12 497
43 Mysql DB의 문자열을 한꺼번에 바꾸기 2016.02.27 382
42 Mysql DB자료 이전 2016.02.27 381
41 Html/Java 확인 대화창 띄우기 2016.06.20 372
40 Web 댓글에 넥네임 대신 이름 표시 2018.05.04 309
39 Widdows Onedrive 동기화가 안 될 때 file 2018.05.07 299
38 Php 자릿수 2016.02.22 275
37 Server centos5 네트워크 설정 2016.03.17 266
36 Widdows 윈도우10 시작시 브라우저가 저절로 켜진다면 2018.01.13 221
목록
Board Pagination Prev 1 2 3 Next
/ 3

LOGIN

SEARCH

MENU NAVIGATION