這篇文章主要介紹HTML5中autofocus屬性有什么用，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

創新互聯建站基于成都重慶香港及美國等地區分布式IDC機房數據中心構建的電信大帶寬，聯通大帶寬，移動大帶寬，多線BGP大帶寬租用,是為眾多客戶提供專業服務器托管報價，主機托管價格性價比高，為金融證券行業服務器托管，ai人工智能服務器托管提供bgp線路100M獨享，G口帶寬及機柜租用的專業成都idc公司。

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屬性并不好用。

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

以上是“HTML5中autofocus屬性有什么用”這篇文章的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注創新互聯網站制作公司行業資訊頻道！

分享名稱：HTML5中autofocus屬性有什么用-創新互聯
文章分享：http://m.newbst.com/article40/dpecho.html

成都網站建設公司_創新互聯，為您提供搜索引擎優化、定制網站、網站維護、網站內鏈、網站制作、動態網站

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯