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

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

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

實例圖片：

代碼如下：

很贊？Yes！

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

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

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

x-webkit-speech，這個大概不必多解釋了，webkit核的瀏覽器（如Chrome）特有的語音識別工具，給input裝上也是再好不過的了，話說Google也給自己的搜索框裝上這個工具。

好了，不扯了，簡單的一個小框框，其實有更多需要我們研究的東西。比如這個簡單CSS3 讓搜索更有愛是我之前寫的搜索框有愛體驗，簡單即是美！

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

【編輯推薦】

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

分享文章：簡單HTML5打造內(nèi)涵搜索框
文章源于：http://www.5511xx.com/article/coggjdg.html