<input> 導入了新的 autofocus 屬性,讓網頁設計者可以指定網頁載入時預設的焦點控制項,使用者不需要再移動滑鼠點選,即能在預設控制項直接輸入,提供良好的網頁操作體驗,而這個屬性同時適用其它幾種輸入控制項,包含 textarea 以及 button 與 select 。這是一個 boolean 型態的屬性,設定語法如下:
一旦設定了 autofocus 屬性即表示網頁載入時,自動設定此輸入控制項的駐點。考慮以下的配置:
這在網頁中呈現以下的效果:
其中第二個文字方塊設定了 autofocus 屬性,因此為預設輸入控制項,而必須注意的是只有一個控制項可以被設定這個屬性。
<input id="Text2" type="text" autofocus />
一旦設定了 autofocus 屬性即表示網頁載入時,自動設定此輸入控制項的駐點。考慮以下的配置:
<input id="Text1" type="text" />
<input id="Text2" type="text" autofocus />
<input id="Text3" type="text" />
這在網頁中呈現以下的效果:
其中第二個文字方塊設定了 autofocus 屬性,因此為預設輸入控制項,而必須注意的是只有一個控制項可以被設定這個屬性。
沒有留言:
張貼留言