ขอแนวทางในการใส่ Value ใน Textbox และเมื่อเอาเม้าไปคลิก Value นั้นจะหายไป

<script type="text/javascript">
 //การล้างค่า ข้อความเริ่มต้นในช่องการค้นหา ด้วย javascript
 //<input id="search" type="text" name="q" value="search" onclick="clickclear(this, 'search')" onblur="clickrecall(this,'search')"/> 
    function clickclear(thisfield, defaulttext) {
        if (thisfield.value == defaulttext) {
            thisfield.value = "";
        }
    }
    
    function clickrecall(thisfield, defaulttext) {
        if (thisfield.value == "") {
            thisfield.value = defaulttext;
        }
    }
</script>
<input type="text"   size="50"   name="name"  value="ค้นหาชื่อ" onclick="clickclear(this, 'ค้นหาชื่อ')" onblur="clickrecall(this,'ค้นหาชื่อ')"  />