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
50 Widdows 윈도우10 시작시 브라우저가 저절로 켜진다면 2018.01.13 39
49 Mysql Mysql 재시작 2017.03.29 446
» Html/Java 텍스트필드의 메세지 → 클릭하면 사라짐 2017.01.17 750
47 Html/Java 테이블 또는 셀에 링크 걸기 2017.01.17 90
46 Php 입력내용이 없이 폼 전송 금지 2017.01.12 109
45 Html/Java 폼 입력창에 숫자 세 자리마다 콤마 찍어주기 2017.01.12 109
44 Php 날짜 형식 검사 2017.01.06 59
43 Html/Java 항목 선택시 바로 이동 2017.01.06 11
42 Html/Java 폼 입력창 속성 주기 2017.01.05 22
41 Php 변수에 특정 문자열이 포함된 경우 처리 2017.01.04 59
40 Graphic 포토샵에서 사람 지우기 2016.08.29 1916
39 Widdows 앱을 시작프로그램에 등록하기 2016.08.12 477
38 Office 갤럭시노트2 공장초기화 2016.07.27 417
37 Html/Java 확인 대화창 띄우기 2016.06.20 306
36 Php 중복입력 확인 2016.06.16 132
35 Php php 4.x 반올림 에러 문제 해결 2016.05.16 162
34 Server disk 마운트 2016.05.07 73
33 Web xe 설치하기 2016.04.26 70
32 Mysql 패스워드 변경시키기 2016.04.26 132
31 Php 어떤 수로 나누어 떨어지는 경우 2016.04.25 152
목록
Board Pagination Prev 1 2 3 Next
/ 3