INPUT標籤的 autofocus 屬性

<input> 導入了新的 autofocus 屬性,讓網頁設計者可以指定網頁載入時預設的焦點控制項,使用者不需要再移動滑鼠點選,即能在預設控制項直接輸入,提供良好的網頁操作體驗,而這個屬性同時適用其它幾種輸入控制項,包含 textarea 以及 button 與 select 。這是一個 boolean 型態的屬性,設定語法如下:

<input id="Text2" type="text" autofocus />

一旦設定了 autofocus 屬性即表示網頁載入時,自動設定此輸入控制項的駐點。考慮以下的配置:

    <input id="Text1" type="text"  />
    <input id="Text2" type="text" autofocus />
    <input id="Text3" type="text" />

這在網頁中呈現以下的效果:





其中第二個文字方塊設定了 autofocus 屬性,因此為預設輸入控制項,而必須注意的是只有一個控制項可以被設定這個屬性。

沒有留言: