HTML5中的autofocus（自動聚焦）屬性介紹_html5教學技巧

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

HTML代碼非常簡單：

複製代碼

代碼如下:

Hi!
Hi!

當有了autofocus屬性，這些INPUT, TEXTAREA, 或BUTTON元素都能在頁面載入是被選取。但如果使用純顯示元素，例如H1標記，autofocus屬性並不好用。

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