HTML5中autofocus屬性有什么用-創(chuàng)新互聯(lián)

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

創(chuàng)新互聯(lián)建站基于成都重慶香港及美國(guó)等地區(qū)分布式IDC機(jī)房數(shù)據(jù)中心構(gòu)建的電信大帶寬，聯(lián)通大帶寬，移動(dòng)大帶寬，多線BGP大帶寬租用,是為眾多客戶提供專業(yè)服務(wù)器托管報(bào)價(jià)，主機(jī)托管價(jià)格性價(jià)比高，為金融證券行業(yè)服務(wù)器托管，ai人工智能服務(wù)器托管提供bgp線路100M獨(dú)享，G口帶寬及機(jī)柜租用的專業(yè)成都idc公司。

HTML5給我們帶來(lái)了一大堆神奇的東西。以前需要用JavaScript和Flash完成的任務(wù)，例如表單校驗(yàn)，INPUT placeholders , 客戶端重命名下載文件和音頻/視頻，這些都可以使用基本的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屬性有什么用”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)網(wǎng)站制作公司行業(yè)資訊頻道！

分享名稱：HTML5中autofocus屬性有什么用-創(chuàng)新互聯(lián)
文章分享：http://muchs.cn/article40/dpecho.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供搜索引擎優(yōu)化、定制網(wǎng)站、網(wǎng)站維護(hù)、網(wǎng)站內(nèi)鏈、網(wǎng)站制作、動(dòng)態(tài)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)