服務項目:網站建設、仿站、程序開發、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 搜索框
          主站蜘蛛池模板: 精品无码国产自产拍在线观看 | 国语对白做受xxxx| 久久国产亚洲电影天堂| 毛色毛片免费观看| 又大又粗又爽的三级小视频| 国产香蕉在线精彩视频| 坐公交车弄了2个小时小视频| 久久久噜噜噜久久网| 欧美性色欧美a在线播放| 免费播放在线日本感人片| 贵妇的脚奴视频vk| 国产精品久久久久久久久 | 一千零一夜电影无删减版在线看| 日韩理论电影在线观看| 亚洲欧美日韩精品在线| 精品国产电影久久九九| 国产在线98福利播放视频免费| 8888四色奇米在线观看不卡| 少妇性俱乐部纵欲狂欢少妇| 久久婷婷五月综合97色一本一本 | 在线观看www日本免费网站| 好爽好深胸好大好多水视频| 久久久久久久影院| 最近中文字幕免费完整| 亚洲欧美久久精品一区| 男朋友想吻我腿中间部位| 国产97在线视频| 黄床大片30分钟免费看| 国产精品无码专区| AV中文无码乱人伦在线观看| 成人av电影网站| 久久中文字幕2021精品| 日韩高清中文字幕| 亚洲国产精品嫩草影院| 激情综合亚洲欧美日韩| 全部免费毛片免费播放| 色噜噜狠狠色综合免费视频| 国产日韩av在线播放| 3d白洁妇珍藏版漫画第一章| 大香伊蕉国产av| 一个人看的www免费高清中文字幕|