復制代碼代碼如下: !-- These all work! -- input autofocus="autofocus" / button autofocus="autofocus" Hi! /button textarea autofocus="autofocus" /textarea
當 autofocus 屬性設置以后，input，textarea,以及button 元素在頁面加載(load)以后，會被自動選中(即獲得焦點). 我嘗試其他元素(比如h1 標簽)，tabIndex=0的情況，但是autofocus屬性在這些元素上根本沒有效果。 這個屬性在主要目的是獲取用戶輸入的頁面(pages whose main purpose is collecting information)是很有用的，比如google首頁(99%的情況是用來搜索)或者在線安裝向導(比如WordPress's installer).而且最關鍵在于 不需要JavaScript參與。 完整的頁面代碼如下：
復制代碼代碼如下: !DOCTYPE HTML html head title HTML5 autofocus屬性測試 /title meta name="Generator" content="EditPlus" meta name="Author" content="renfufei@qq.com" meta name="Description" content="original=http://davidwalsh.name/autofocus" /head body !-- 原則上，以下三個元素，只能有一個設置autofocus 屬性，如果多個元素都設置，應該是最后一個元素獲取了焦點 -- !-- -- div input autofocus="autofocus" / button autofocus="autofocus" Hi! /button textarea autofocus="autofocus" /textarea /div /body /html html教程
