文字 INPUT欄位預設文字點擊消失JS效果

文章出處: http://yesdesigning.com/thread-434-1-1.html  數位工作室

如何透過JS實踐點擊清除預設文字，方法如下：

HTML 輸入欄代碼部分
<input type="text" name="tt" id="tt" class="t1" value="自定義預設文字" onfocus="cleartext(this)" onblur="resettext(this)"/>

備註：先寫onfocus, 再寫onblur

JS 功能函數撰寫部分

<script type="text/javascript">

function resettext(id){

           //恢復文字

           if(id.value == "")

           {

                   id.value = id.defaultValue;

                   id.className ="t1";   

           }

}

function cleartext (id){ 

       //清除文字

      id.value ="";

      id.className ="";   

}

</script>