詳解HTML5裡autofocus自動聚焦屬性的使用

這篇文章主要為大家詳細介紹了HTML5裡autofocus自動聚焦屬性的使用方法，有興趣的夥伴們可以參考一下

##HTML5為我們帶來了一大堆神奇的東西。以前需要用

JavaScript和Flash完成的任務，例如表單校驗，INPUT placeholders , 客戶端重命名下載檔案和音訊/視訊#，這些都可以使用基本的HTML完成。這裡要講的一個簡單的HTML5功能是當頁面載入完成時讓輸入焦點自動落到某個元素上；這個動作用autofocus屬性完成。

HTML程式碼非常簡單：

XML/HTML Code复制内容到剪贴板
<!-- These all work! -->  
<input autofocus="autofocus" />  
<button autofocus="autofocus">Hi!</button>  
<textarea autofocus="autofocus"></textarea>

• 
  

######### #當有了autofocus屬性，這些INPUT, TEXTAREA, 或BUTTON元素都能在頁面載入是被選取。但如果使用純顯示元素，例如H1標記，autofocus屬性並不好用。 ######這個屬性在某些情況下非常有用。例如Google的首頁，人們99%的時間都是用它來###搜尋###，所以頁面一旦加載，遊標必然定位在輸入框裡。以前需要###使用JavaScript###才能完成，現在完全不需要了，html自己就能完成。 ###

以上是詳解HTML5裡autofocus自動聚焦屬性的使用的詳細內容。更多資訊請關注PHP中文網其他相關文章！