텍스트 영역의 레이블

<input name="textbox" type="text" value="Click here to type" onfocus="if(this.value=='Click here to type')this.value='';" onblur="if(this.value=='')this.value='Click here to type';">

.. 텍스트 영역에서는 onfocus/onblur가 작동하지만 textarea 요소에서는 작동하지 않습니다. 어쩌면 jQuery를 사용하여 해결 방법이 있습니까?텍스트 영역의 레이블

출처

2009-11-17 3zzy

<textarea onfocus="if(this.value=='Click here to type')this.value='';" onblur="if(this.value=='')this.value='Click here to type';">Click here to type</textarea>

작품.

물론 값에 추가 개행/공백을 넣으면 실패 할 수 있습니다. onfocus 및 onblur 이벤트는 모든 양식 요소와 앵커 작업

출처

2009-11-17 05:34:58 bobince

Watermark plugin for jQuery.

사용하기 간편한이 jQuery 플러그인 입력 및 텍스트 영역 요소를 HTML로 워터 마크 기능을 추가합니다.

이 플러그인을 사용하면 워터 마크, 에 사용되는 텍스트 를 지정하고 선택적으로 사용자가 입력 또는 텍스트 영역 요소를 에 워터 마크가 표시 될 때마다 시간이 적용됩니다 자신의 CSS 클래스 이름을 제공 할 수 있습니다 .

클래스를 제공하지 않으면 "워터 마크"클래스 이름이 입니다.

은 또한이 플러그인은 변화 워터 마크 텍스트를을 수행 할 수 있습니다 및/또는 클래스 이름 언제든지 워터 마크 후 가 초기화됩니다.

플러그인
또한 일반 텍스트 워터 마크 보여주는 비밀번호 입력 요소에 워터 마크를 표시하지만, 초점 나타나면 비밀번호 보호 (어둡게) 모드로 전환 할 수있다. ( 워터 마크가 작동 암호를 만드는 복잡성, 그것은 을 권장하고 있기 때문에 암호 입력 요소에 프로그래밍 방식으로 변경을 피할 수있다.)

새로운 버전 3.0, 도 유형의 입력 요소를 처리 할 수있는 플러그인 = "검색"(WebKit 브라우저) 및 요소에 워터 마크 요소로 드래그 앤 드롭을 지원하고 브라우저에 브라우저 지원 (사용 가능한 경우)을 연결합니다. 나를 위해

출처

2009-11-17 05:30:56 rahul

, 당신은 단지 textarea 당신의 input을 시도 할 수 있습니다, 그것은 작동하지만 난 당신이 이벤트가 프로그램 바인딩 할 것을 권장합니다. 이 같은

뭔가 :

var textarea = document.getElementById('textareaId'), 
    message = 'Click here to type'; 

textarea.value = message; // set default value 

textarea.onfocus = textarea.onblur = function() { 

    if (this.value == '') { 
    this.value = message; 
    } else if (this.value == message) { 
    this.value = ''; 
    } 
};

는 위의 예 here을보십시오.

jQuery를 version :

$(function() { 
    var message = 'Click here to type'; 

    $('#textareaId').val(message); // set default value 

    $('#textareaId').bind('focus blur', function() { 
    var $el = $(this); 
    if ($el.val() == '') { 
     $el.val(message); 
    } else if ($el.val() == message) { 
     $el.val(''); 
    } 
    }); 
});

출처

2009-11-17 05:35:29 CMS

텍스트 영역의 레이블

답변

관련 문제