首頁  >  文章  >  web前端  >  HTML5中的autofocus(自動聚焦)屬性介紹

HTML5中的autofocus(自動聚焦)屬性介紹

不言
不言原創
2018-05-08 16:02:254081瀏覽

這篇文章主要介紹了關於HTML5中的autofocus(自動聚焦)屬性介紹,有著一定的參考價值,現在分享給大家,有需要的朋友可以參考一下

HTML5帶給我們了一大堆神奇的東西。以前需要用JavaScript和Flash完成的任務,例如表單校驗,INPUT placeholders , 客戶端重命名下載文件和音頻/視頻,這些都可以使用基本的HTML完成

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

HTML程式碼非常簡單:

複製程式碼

程式碼如下:

<!-- 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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn