服務項目:網站建設、仿站、程序開發、APP開發設計、移動網站開發設計、企業網站設計、電子商務網站開發、網站維護、網站推廣、UX/UI 、HTML5、CSS3、JS / Jquery ...
          四川浚浚科技有限公司
          四川浚浚科技有限公司 (開發設計官網)TEL : 15308000360 / QQ : 38585404

          您的位置:首頁 > 技術經驗 > 前端開發 > 正文

          簡單HTML5打造內涵搜索框
          技術支持服務電話:15308000360 【7x24提供運維服務,解決各類系統/軟硬件疑難技術問題】

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

          實例圖片:

          代碼如下:

          很贊?Yes!

          簡短的幾個代碼就能實現原本多行JS才能實現的完美交互效果,這就是HTML5略窺一點的贊!

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

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

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

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



          上一篇:推薦使用的版本號控制方式
          下一篇:解決Button在IE6、7下的自適應寬度問題

          相關熱詞搜索:html5 搜索框
          主站蜘蛛池模板: 免费看成人aa片无码视频吃奶| 日韩色在线观看| 夜夜爽夜夜叫夜夜高潮漏水| 九九视频在线观看6| 韩国18福利视频免费观看| 成人性生交视频免费观看| 亚洲国产成人久久精品软件| 精品综合久久久久久99| 国语做受对白xxxxx在线| 亚洲av无码日韩av无码网站冲| 色资源二区在线视频| 天天干天天操天天玩| 亚洲av无码片一区二区三区| 秋霞鲁丝片无码av| 国产农村女人一级毛片了| 91大神在线精品视频一区| 日韩精品成人一区二区三区| 人妻影音先锋啪啪av资源| 色妞色视频一区二区三区四区| 国产精品va在线观看无码| 中文字幕免费在线视频| 樱桃视频直播在线观看免费 | 亚洲AV无码之日韩精品| 色吊丝av中文字幕| 国产精品亚洲成在人线| 为什么高圆圆被称为炮架| 特级毛片s级全部免费| 国产精品国产精品国产专区不卡| 久久久久青草大香线综合精品| 欧美日韩国产亚洲人成| 免费毛片网站在线观看| 色香蕉在线观看网站| 国产毛片一级国语版| 97无码免费人妻超级碰碰夜夜| 日本簧片在线观看| 亚洲国产成人久久一区二区三区| 男女一进一出猛进式抽搐视频| 国产欧美一区二区精品久久久| 99久久精品九九亚洲精品| 成人妇女免费播放久久久| 久久国产精品无码一区二区三区 |