placeholder 속성을 대체할 크로스 브라우징 되는 자바스크립소스

HTML

<label>글을 입력하세요.</label><input type="text">

Javascript

$("label + textarea, label + input[type=text], label + input[type=password]").keyup(function(){

  if($(this).val()!=""){

   $(this).prev().hide();

  }else{

   $(this).prev().show();

  }

 }).prev().click(function(){

  $(this).next().focus();

 });

Label태그의 위치를 css로 조절해야하는게 함정.

끗.