顯示搜索按鈕需要滿足3個條件：
超過十余年行業(yè)經(jīng)驗，技術領先，服務至上的經(jīng)營模式，全靠網(wǎng)絡和口碑獲得客戶，為自己降低成本，也就是為客戶降低成本。到目前業(yè)務范圍包括了：成都網(wǎng)站設計、成都做網(wǎng)站，成都網(wǎng)站推廣，成都網(wǎng)站優(yōu)化，整體網(wǎng)絡托管，小程序制作，微信開發(fā)，App定制開發(fā)，同時也可以讓客戶的網(wǎng)站和網(wǎng)絡營銷和我們一樣獲得訂單和生意！
1.input在form標簽中
2.form標簽設置了action屬性值
3.input設置type為search
示例如下：
form action="#"
input type="search" /
/form
這種情況下點擊搜索按鈕會跳轉(zhuǎn)到action對應的地址進行搜索
如果我們需要js來處理搜索邏輯，可以設置form不提交，并且監(jiān)聽輸入框的keydown事件
示例如下：
form action="#" onsubmit="return false"
input type="search" id="t_search" /
/form
script type="text/javascript"
$("#txt_search").keydown(function (e) {
if (e.keyCode == 13) {
//搜索處理
}
});
/script
還有一個前往按鈕，也類似，把type換成text就可以了，所以form很重要，如果我們不放form，就是“換行”按鈕了。
end
html5輸入框左邊有一個放大鏡圖標,右邊有按鈕點擊觸發(fā)搜索的代碼如下：
1.HTML5的特性：
語義特性
HTML5賦予網(wǎng)頁更好的意義和結(jié)構(gòu)。更加豐富的標簽將隨著對RDFa的，微數(shù)據(jù)與微格式等方面的支持，構(gòu)建對程序、對用戶都更有價值的數(shù)據(jù)驅(qū)動的Web。
本地存儲特性
基于HTML5開發(fā)的網(wǎng)頁APP擁有更短的啟動時間，更快的聯(lián)網(wǎng)速度，這些全得益于HTML5 APP Cache，以及本地存儲功能。
設備兼容特性
從Geolocation功能的API文檔公開以來，HTML5為網(wǎng)頁應用開發(fā)者們提供了更多功能上的優(yōu)化選擇，帶來了更多體驗功能的優(yōu)勢。HTML5提供了前所未有的數(shù)據(jù)與應用接入開放接口。使外部應用可以直接與瀏覽器內(nèi)部的數(shù)據(jù)直接相連，例如視頻影音可直接與microphones及攝像頭相聯(lián)。
2.html5的優(yōu)點：
提高可用性和改進用戶的友好體驗；
有幾個新的標簽，這將有助于開發(fā)人員定義重要的內(nèi)容；
可以給站點帶來更多的多媒體元素(視頻和音頻)；
可以很好的替代FLASH和Silverlight；
涉及到網(wǎng)站的抓取和索引的時候，對于SEO很友好；
將被大量應用于移動應用程序和游戲。
HTML5+CSS3小實例之伸縮式動態(tài)搜索框
技術棧：HTML+CSS
字體圖標庫：font-awesome
效果：
源碼：
需要準備的材料分別有：電腦、瀏覽器、html編輯器。
1、首先，打開html編輯器，新建html文件，例如：index.html。
2、在index.html中的body標簽中，輸入html代碼（其中icon.png是放大鏡圖標）：。
div
input type="text" /
img style="width: 20px;position: absolute;left: 140px;top: 15px;" src="icon.png" /
/div
3、瀏覽器運行index.html頁面，此時輸入框右邊添加了放大鏡。
搜索功能需要結(jié)合網(wǎng)站程序功能來實現(xiàn)，一般主流程序都有搜索功能的。
html5只是一個界面的美觀，自身沒有搜索功能。
也可以使用百度等搜索引擎的站內(nèi)搜索，配合html5顯示效果更佳。
重慶分公司
重慶分公司
