溫馨提示×
您好，登錄后才能下訂單哦！
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶(hù)服務(wù)條款》
您好，登錄后才能下訂單哦！
這篇文章主要為大家展示了“HTML5中autofocus自動(dòng)聚焦屬性怎么用”，內(nèi)容簡(jiǎn)而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“HTML5中autofocus自動(dòng)聚焦屬性怎么用”這篇文章吧。
HTML5給我們帶來(lái)了一大堆神奇的東西。以前需要用JavaScript和Flash完成的任務(wù)，例如表單校驗(yàn)，INPUT placeholders , 客戶(hù)端重命名下載文件和音頻/視頻，這些都可以使用基本的HTML完成。這里要講的一個(gè)簡(jiǎn)單的HTML5功能是當(dāng)頁(yè)面加載完成時(shí)讓輸入焦點(diǎn)自動(dòng)落到某個(gè)元素上；這個(gè)動(dòng)作用autofocus屬性完成。
HTML代碼非常簡(jiǎn)單：
<!-- These all work! --> <input autofocus="autofocus" /> <button autofocus="autofocus">Hi!</button> <textarea autofocus="autofocus"></textarea>
當(dāng)有了autofocus屬性，這些 INPUT, TEXTAREA, 或 BUTTON元素都能在頁(yè)面加載是被選中。但如果使用純顯示元素，例如H1標(biāo)記，autofocus屬性并不好用。
這個(gè)屬性在某些情況下非常有用。例如谷歌的首頁(yè)，人們99%的時(shí)間都是用它來(lái)搜索，所以頁(yè)面一旦加載，光標(biāo)必然定位在輸入框里。以前需要使用JavaScript才能完成，現(xiàn)在完全不需要了，html自己就能完成。
以上是“HTML5中autofocus自動(dòng)聚焦屬性怎么用”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號(hào)
手機(jī)網(wǎng)站二維碼
