MEMBUAT TULISAN KABUR DALAM TEXTBOX DI HTML

Assalam,,,lama gag posting nih,,, lagi sibuk ma kuliah ^_^. tapi ada sisi positifnya, jadi ada bahan deh,,,

kali ini akan berbagi cara membuat efek tulisan kabur dalam textbox,,,khususnya di html,,,

ya kayak gini,,,
"nama anda"
"ketikan kata kunci"
"pencarian" dan lain-lain,,,,

langsung deh,,,

pertama tama jelas siapkan textbox,,,tapi item2 nya di tambahin dikit,,,

<input type="text" name="firstname" title="ketikan kata kunci.." style="color:#888;" value="ketikan kata kunci.. " onfocus="inputFocus(this)" onblur="inputBlur(this)" />

nah tu,,, di tambah on focus ma onblur,,,

selanjutnya tinggal di tambah javascript,,,nih dia

---

<script language="javascript">
 function inputFocus(i){
    if(i.value==i.defaultValue){ i.value=""; i.style.color="#000"; }
}
function inputBlur(i){
    if(i.value==""){ i.value=i.defaultValue; i.style.color="#888"; }
}
 </script>

---

gampang kan,,, tuh silahkan di praktekin cara membuat tulisan kabur dalam textbox khususnya html,,,

Salam Berbagi :)