DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML5詳解 >> HTML5中的autofocus(自動聚焦)屬性介紹
HTML5中的autofocus(自動聚焦)屬性介紹
編輯:HTML5詳解     

這裡要講的一個簡單的Html5功能是當頁面加載完成時讓輸入焦點自動落到某個元素上;這個動作用autofocus屬性完成。

Html代碼非常簡單:

復制代碼代碼如下:
<!-- These all work! -->
<input autofocus="autofocus" />
<button autofocus="autofocus">Hi!</button>
<textarea autofocus="autofocus"></textarea>
當有了autofocus屬性,這些 INPUT, TEXTAREA, 或 BUTTON元素都能在頁面加載是被選中。但如果使用純顯示元素,例如H1標記,autofocus屬性並不好用。

這個屬性在某些情況下非常有用。例如谷歌的首頁,人們99%的時間都是用它來搜索,所以頁面一旦加載,光標必然定位在輸入框裡。以前需要使用JavaScript才能完成,現在完全不需要了,Html自己就能完成。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved