建站
咨詢
售后
建站咨詢
新聞中心
小編給大家分享一下HTML5的自動(dòng)聚焦屬性怎么用，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！
為黔西南州等地區(qū)用戶提供了全套網(wǎng)頁(yè)設(shè)計(jì)制作服務(wù)，及黔西南州網(wǎng)站建設(shè)行業(yè)解決方案。主營(yíng)業(yè)務(wù)為成都網(wǎng)站制作、成都網(wǎng)站設(shè)計(jì)、黔西南州網(wǎng)站設(shè)計(jì)，以傳統(tǒng)方式定制建設(shè)網(wǎng)站，并提供域名空間備案等一條龍服務(wù)，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠(chéng)的服務(wù)。我們深信只要達(dá)到每一位用戶的要求，就會(huì)得到認(rèn)可，從而選擇與我們長(zhǎng)期合作。這樣，我們也可以走得更遠(yuǎn)！
過(guò)去我們要用JavaScript和Flash完成的任務(wù)，比如表單驗(yàn)證，輸入框空白提示(INPUT placeholders),客戶端文件上傳下載(client side file naming),以及 音頻/視頻播放，現(xiàn)在都可以用基本的HTML來(lái)完成了。另一個(gè)簡(jiǎn)單的HTML功能是現(xiàn)在允許我們?cè)陧?yè)面加載完成后自動(dòng)將輸入焦點(diǎn)定位到需要的元素,通過(guò)一個(gè)叫做 autofocus的屬性完成。
代碼就如下面一樣簡(jiǎn)單：
當(dāng) autofocus 屬性設(shè)置以后，input，textarea,以及button 元素在頁(yè)面加載(load)以后，會(huì)被自動(dòng)選中(即獲得焦點(diǎn)). 我嘗試其他元素(比如h2 標(biāo)簽)，tabIndex=0的情況，但是autofocus屬性在這些元素上根本沒(méi)有效果。
這個(gè)屬性在主要目的是獲取用戶輸入的頁(yè)面(pages whose main purpose is collecting information)是很有用的，比如google首頁(yè)(99%的情況是用來(lái)搜索)或者在線安裝向?qū)?比如WordPress's installer).而且最關(guān)鍵在于——不需要JavaScript參與。
完整的頁(yè)面代碼如下：
以上是“HTML5的自動(dòng)聚焦屬性怎么用”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！
網(wǎng)頁(yè)名稱：HTML5的自動(dòng)聚焦屬性怎么用
分享URL：http://www.dlmjj.cn/article/pssejd.html
