[JavaScript] 讓表單文字欄位的預設字 點進去後消失

有時候我們設計表單，會希望在空白欄位，放一些說明的文字，讓使用者在填這個欄位時，可以更清楚應該怎麼填，可是這些說明文字，我們又希望在使用者在填該欄位時，可以自動消失，該怎麼做呢…

程式碼一：(傳統html作法)
<input type=”text” value=”請這此輸入您的帳號” />

程式碼二：(JavaScript作法)
<script>
  function func(form){
    var obj=form;
    if (obj.value=="輸入您的帳號"){
      obj.value=""
    }
  }
</script>
<input type="text" value="輸入您的帳號" onfocus="func(this)" AutoComplete="Off" />
//AutoComplete="Off" 是將網頁記憶輸入功能關掉

實作結果：

程式碼一



程式碼二