Html5 Placeholder

placeholder是html5新增的attribute,主要用途是用來設定提示訊息,例如inputtext,你可能會需要設定提示user該輸入的資訊,一般的做法是使用focusblur這兩個event,當submit的時候必須將未填入資訊的欄位清空,而由html5所提供的placeholder,只需要填入應該預設的提示訊息。

以下是一個簡單的example:
<input type="text" name="account" placeholder="請填寫帳號..." />
<textarea name="message" placeholder="請填寫訊息..."></textarea>

如果希望placeholder支援沒有提供的brower,你可使用jsevent去修復它,其中要特別注意的是password這個type,因為它顯示的是特殊符號,所以即使用js也沒有辦法改變它的符號,最簡單的方式,就是使用text去替換,當有填入資料時,就替換成password,資料為空的時候再替換成text,最後一步只要在submit的時候,將未填入資料欄位清空。

jquery的plugin: