autofocus

**autofocus** 全域性屬性 是一個布林屬性,指示元素應在頁面載入時或其所屬的 <dialog> 顯示時獲得焦點。

html
<input name="q" autofocus />

文件或對話方塊中最多隻能有一個元素具有 autofocus 屬性。如果應用於多個元素,則第一個元素將獲得焦點。

注意:autofocus 屬性適用於所有元素,而不僅僅是表單控制元件。例如,它可能用於 contenteditable 區域。

無障礙問題

自動聚焦表單控制元件可能會讓使用螢幕閱讀器技術的視障人士和認知障礙人士感到困惑。當分配 autofocus 時,螢幕閱讀器會將使用者“傳送到”表單控制元件,而不會事先發出警告。

在應用autofocus屬性時,請謹慎考慮可訪問性。自動聚焦到某個控制元件可能會導致頁面載入時滾動。聚焦還可能導致某些觸控裝置上的動態鍵盤顯示。雖然螢幕閱讀器會宣佈獲得焦點的表單控制元件的標籤,但螢幕閱讀器不會在標籤之前宣佈任何內容,並且小型裝置上的視力正常的使用者同樣會錯過前面內容建立的上下文。

規範

規範
HTML 標準
# dom-fe-autofocus

瀏覽器相容性

BCD 表格僅在瀏覽器中載入