차별화된 홈페이지

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

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 713
공지 Mysql DB 내용 불러오기 2016.02.22 521
공지 Php 앞 문자 또는 끝 문자 제거 2016.02.22 354
55 Server Xshell에서 숫자 키패드가 안 먹힐 때 file 2018.05.24 86
54 Server 특정 파일을 제외하고 압축 2018.05.24 65
53 Widdows Onedrive 동기화가 안 될 때 file 2018.05.07 189
52 Web 댓글에 넥네임 대신 이름 표시 2018.05.04 155
51 Php php.ini 수정 file 2018.04.25 116
50 Widdows 윈도우10 시작시 브라우저가 저절로 켜진다면 2018.01.13 170
49 Mysql Mysql 재시작 2017.03.29 513
» Html/Java 텍스트필드의 메세지 → 클릭하면 사라짐 2017.01.17 790
47 Html/Java 테이블 또는 셀에 링크 걸기 2017.01.17 117
46 Php 입력내용이 없이 폼 전송 금지 2017.01.12 125
45 Html/Java 폼 입력창에 숫자 세 자리마다 콤마 찍어주기 2017.01.12 128
44 Php 날짜 형식 검사 2017.01.06 63
43 Html/Java 항목 선택시 바로 이동 2017.01.06 14
42 Html/Java 폼 입력창 속성 주기 2017.01.05 27
41 Php 변수에 특정 문자열이 포함된 경우 처리 2017.01.04 70
40 Graphic 포토샵에서 사람 지우기 2016.08.29 2034
39 Widdows 앱을 시작프로그램에 등록하기 2016.08.12 493
38 Office 갤럭시노트2 공장초기화 2016.07.27 3410
37 Html/Java 확인 대화창 띄우기 2016.06.20 335
36 Php 중복입력 확인 2016.06.16 138
목록
Board Pagination Prev 1 2 3 Next
/ 3

LOGIN

SEARCH

MENU NAVIGATION