這篇文章主要為大家展示了“HTML5中autofocus自動聚焦屬性怎么用”,內(nèi)容簡而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“HTML5中autofocus自動聚焦屬性怎么用”這篇文章吧。
創(chuàng)新互聯(lián)專業(yè)為企業(yè)提供同德網(wǎng)站建設(shè)、同德做網(wǎng)站、同德網(wǎng)站設(shè)計、同德網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計與制作、同德企業(yè)網(wǎng)站模板建站服務(wù),十余年同德做網(wǎng)站經(jīng)驗,不只是建網(wǎng)站,更提供有價值的思路和整體網(wǎng)絡(luò)服務(wù)。HTML5給我們帶來了一大堆神奇的東西。以前需要用JavaScript和Flash完成的任務(wù),例如表單校驗,INPUT placeholders , 客戶端重命名下載文件和音頻/視頻,這些都可以使用基本的HTML完成。這里要講的一個簡單的HTML5功能是當(dāng)頁面加載完成時讓輸入焦點自動落到某個元素上;這個動作用autofocus屬性完成。
HTML代碼非常簡單:
當(dāng)有了autofocus屬性,這些 INPUT, TEXTAREA, 或 BUTTON元素都能在頁面加載是被選中。但如果使用純顯示元素,例如H1標(biāo)記,autofocus屬性并不好用。
這個屬性在某些情況下非常有用。例如谷歌的首頁,人們99%的時間都是用它來搜索,所以頁面一旦加載,光標(biāo)必然定位在輸入框里。以前需要使用JavaScript才能完成,現(xiàn)在完全不需要了,html自己就能完成。
以上是“HTML5中autofocus自動聚焦屬性怎么用”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學(xué)習(xí)更多知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!