Wednesday, January 13, 2010

[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" 是將網頁記憶輸入功能關掉

實作結果:

程式碼一



程式碼二

No comments:

Post a Comment