일반 텍스트 onclick - 텍스트 필드

Question

텍스트 필드에서 텍스트를 지우는 가장 좋은 방법은 사용자가 클릭 할 때 무엇입니까?

즉, 텍스트 검색 필드가 "검색"이라고 말하면, 그것을 클릭 할 때 값을 클리어한다.

Answer 1

당신은 할 수와 같은 : 자바 스크립트에서

<input type="text" onfocus="if(this.value == 'search') {this.value=''}" onblur="if(this.value == ''){this.value ='search'}"> 

Answer 2

할 수 있습니다 간단한 세트 onfocus 및 이벤트 핸들러에서 빈 문자열로 contorol의 값.

Answer 3

일반 HTML :

<script type="text/javascript"> 
    function clearThis(target){ 
     target.value= ""; 
    } 
    </script> 
    <input type="text" value="Search" onfocus="clearThis(this)" /> 

jQuery를이 : JQuery와 옵션이 있다면

<script type="text/javascript"> 
    function clearThis(target){ 
     $(target).val = ""; 
    } 
</script> 
<input type="text" value="Search" onfocus="clearThis(this)" /> 

Answer 4

, 나는하지만 비트는이 watermark plugin

그것은 당신이 계신 달성 생각 하는데요 더 많은 스타일

Answer 5

<input name="foo" placeholder="Search" /> 플라크 eholder 태그는 여기에서 원하는 것을 정확히 수행하는 새로운 HTML5 태그입니다.