日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關(guān)咨詢(xún)
選擇下列產(chǎn)品馬上在線(xiàn)溝通
服務(wù)時(shí)間：8:30-17:00
你可能遇到了下面的問(wèn)題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷(xiāo)解決方案
簡(jiǎn)單HTML5打造內(nèi)涵搜索框

隨著HTML5的深入人心，其越來(lái)越多的新功能為更多Coder所用，HTML5新增了不少人性化標(biāo)簽和屬性，馬上介紹的就是新的表單屬性。

創(chuàng)新互聯(lián)-專(zhuān)業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性?xún)r(jià)比寧陽(yáng)網(wǎng)站開(kāi)發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫(kù),直接使用。一站式寧陽(yáng)網(wǎng)站制作公司更省心,省錢(qián),快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋寧陽(yáng)地區(qū)。費(fèi)用合理售后完善，10余年實(shí)體公司更值得信賴(lài)。

實(shí)例圖片：

代碼如下：

 
 
 
 
    
  
  
  
  
  1.  
    2.

很贊？Yes！

簡(jiǎn)短的幾個(gè)代碼就能實(shí)現(xiàn)原本多行JS才能實(shí)現(xiàn)的***交互效果，這就是HTML5略窺一點(diǎn)的贊！

placeholder是為了設(shè)置初始值，并且這個(gè)初始值的顏色為灰色，當(dāng)input的內(nèi)容變動(dòng)時(shí)，這個(gè)值就消失，它的職責(zé)就是給人一種親和力的指示，十分有愛(ài)。

autofocus，顧名思義：自動(dòng)聚焦，當(dāng)進(jìn)入當(dāng)前頁(yè)面時(shí)，這個(gè)input會(huì)自動(dòng)獲取焦點(diǎn)，而你可以在打開(kāi)頁(yè)面后直接輸入東西進(jìn)行搜索。當(dāng)autofocus出現(xiàn)兩次以上的時(shí)候，瀏覽器會(huì)選擇***一個(gè)帶有autofocus屬性的input聚焦。

x-webkit-speech，這個(gè)大概不必多解釋了，webkit核的瀏覽器（如Chrome）特有的語(yǔ)音識(shí)別工具，給input裝上也是再好不過(guò)的了，話(huà)說(shuō)Google也給自己的搜索框裝上這個(gè)工具。

好了，不扯了，簡(jiǎn)單的一個(gè)小框框，其實(shí)有更多需要我們研究的東西。比如這個(gè)簡(jiǎn)單CSS3 讓搜索更有愛(ài)是我之前寫(xiě)的搜索框有愛(ài)體驗(yàn)，簡(jiǎn)單即是美！

原文鏈接：http://www.daqianduan.com/html5-search-input/#13688-tsina-1-59987-57d4d90508c08d162896a47818ce968b

【編輯推薦】

  1. HTML 5帶來(lái)全新網(wǎng)絡(luò)格局
  2. HTML 5在線(xiàn)攝像頭應(yīng)用
  3. HTML 5開(kāi)發(fā)實(shí)戰(zhàn)案例之網(wǎng)易微博
  4. jQ、Yahoo API和HTML 5開(kāi)發(fā)天氣預(yù)報(bào)應(yīng)用
  5. HTML 5 Web開(kāi)發(fā)框架tiggr介紹

標(biāo)題名稱(chēng)：簡(jiǎn)單HTML5打造內(nèi)涵搜索框
當(dāng)前URL：http://m.5511xx.com/article/coggjdg.html