前端cookie记录搜索框的历史，在搜索框下面展示最近五条（多个页面的搜索框历史同步）

 多个页面的搜索框历史同步只需设置cookie的名称和路径一致即可

.gz_search_tab {
    width: 900px;
    height: 60px;
    line-height: 60px;
    background: #FFF;
    border-radius: 0px 5px 5px 0;
    margin: 0px auto;
    box-shadow: 0 0 10px #999;
}
.gz_search_tab input[type="text"] {
    font-size: 16px;
    width: 730px;
    background: url(serach.png) left center no-repeat;
    height: 60px;
    line-height: 60px;
    border: 0;
    margin-left: 20px;
    text-indent: 40px;
    outline: none;
}
#showHistory{background:#f1f1f1; width: 776px; padding:0px 20px; line-height: 30px; position: absolute; left: 50%; margin-left: -450px;z-index: 99;}
#showHistory span{ font-size:16px; display: block;height: 38px;line-height: 38px;}

<script type="text/javascript" src="jquery-1.8.3.min"></script>
<script type="text/javascript" src="jquery.cooki