saba-gu-dakusanのブログ

忘れないように設定いろいろ

フォーカスを当てたらプレースホルダの中身を非表示にする

フォーカスを当てたときに、プレースホルダの中身が消えないので、フォーカスが当たっている間だけ表示しないやつがあればいいなぁと思い
ココのを使ってみたけど、うまく動かなくて断念(>д<)
GitHub - ahomu/jquery.ah-placeholder: 'jquery.ah-placeholder' A plugin support placeholder attribute alternative.

↓自作しました↓

<script type="text/javascript">
$(function()
{
    var ph="";
    $('.hide-placeholder').on('focus' ,function(){
    	ph = $(this).attr("placeholder");
    	$(this).removeAttr('placeholder');
    });

    $('.hide-placeholder').on('blur' ,function(){
    	$(this).attr("placeholder",ph);
    });
});
</script>
<input type="text" id="name" class="hide-placeholder" placeholder="氏名を入力してください" value="">