PROMULGATOR

    眉眼如初

    山东省济南市
    Html
    Css
    Js
1
2
3
4
5
6
7
8
9
10
<div class="search">
    <form action="#" method="post">
        <select id="select" class="alreadychoice">
            <option>物品名称</option>
            <option>条形码</option>
        </select>
        <input type="text" class="searchInp" id="searchKey" name="searchKey" value="请输入检索关键字" onblur="if(this.value==''){this.value='请输' + '入检索关键字'}" ="if(this.value="='请输入检索关键字'){this.value=''}&quot;">
        <input type="button" value=" " class="searchSub ">
    </form>
</div>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
.search {
    width:560px;
    height:38px;
    border:solid 1px #b8c4ce;
    border-radius:5px;
    background:#FFF;
    margin:0 auto;
}
.fl {
    float:left;
}
.alreadychoice {
    width:150px;
    height:38px;
    line-height:38px;
    text-align:center;
    background:#fcfcfc;
    border-radius:3px;
    cursor:pointer;
    padding:0px 20px;
    color:#637889;
    font-size:14px;
    display:block;
    float:left;
}
.searchInp {
    width:357px;
    border:none;
    color:#b8c4ce;
    display:block;
    background:none;
    height:auto;
    line-height:37px;
    text-align:center;
    /*padding:10px 5px;
    */
    font-size:14px;
    float:left;
}
.searchSub {
    display:block;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
↑上面代码改变，会自动显示代码结果 jQuery调用版本：1.8.3
 立即下载

下拉搜索框 input（原创）

可以用于搜索图书，办公等网页中，实用简单。

0