HTML5 <input> placeholder 屬性

表單(form)與輸入(input)標籤是建立商業應用程式最重要的元素之一,HTML5 針對這兩組元素進行了各種改良,除了驗證功能,還有一些方便的屬性,placeholder 便是其它一。

考慮以下的設定:

<p> <input placeholder="帳號"  /></p>
<p> <input placeholder="電子郵件"  /></p>
<p> <input placeholder="密碼"  /></p>
<p> <input placeholder="確認密碼"  /></p>

其中的四個input元素均設定了 placeholder 屬性,在網頁中看起來是這個樣子:





文字方塊會根據placeholder屬性,在使用者嘗試於其中輸入任意資料之前,顯示提示訊息,一旦開始輸入資料,提示訊息便會消失。


沒有留言: