本篇內(nèi)容主要講解“HTML5中autofocus屬性使用介紹”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學(xué)習(xí)“HTML5中autofocus屬性使用介紹”吧!

成都創(chuàng)新互聯(lián)公司堅持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：成都網(wǎng)站建設(shè)、網(wǎng)站設(shè)計、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時代的富縣網(wǎng)站設(shè)計、移動媒體設(shè)計的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！

代碼如下:

Hi!

當(dāng) autofocus 屬性設(shè)置以后，input，textarea,以及button 元素在頁面加載(load)以后，會被自動選中(即獲得焦點). 我嘗試其他元素(比如h2 標(biāo)簽)，tabIndex=0的情況，但是autofocus屬性在這些元素上根本沒有效果。
這個屬性在主要目的是獲取用戶輸入的頁面(pages whose main purpose is collecting information)是很有用的，比如google首頁(99%的情況是用來搜索)或者在線安裝向?qū)?比如WordPress's installer).而且最關(guān)鍵在于——不需要JavaScript參與。
完整的頁面代碼如下：

代碼如下:

到此，相信大家對“HTML5中autofocus屬性使用介紹”有了更深的了解，不妨來實際操作一番吧！這里是創(chuàng)新互聯(lián)網(wǎng)站，更多相關(guān)內(nèi)容可以進入相關(guān)頻道進行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！