小編給大家分享一下HTML怎么定義搜索欄，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

成都創(chuàng)新互聯(lián)長期為近1000家客戶提供的網(wǎng)站建設服務，團隊從業(yè)經(jīng)驗10年，關注不同地域、不同群體，并針對不同對象提供差異化的產(chǎn)品和服務；打造開放共贏平臺，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為蓮都企業(yè)提供專業(yè)的成都網(wǎng)站設計、網(wǎng)站制作，蓮都網(wǎng)站改版等技術服務。擁有十多年豐富建站經(jīng)驗和眾多成功案例,為您定制開發(fā)。

HTML定義搜索欄的方法：首先新建一個div，id名為box；然后在內(nèi)部添加一個input標簽和一個div標簽；最后使用css為它們設計樣式即可。

HTML定義搜索欄的方法：

1、首先新建一個div，id名為box，用來包裹搜索框；

2、然后在內(nèi)部添加一個input標簽和一個div標簽，一個用來輸入文字，一個充當按鈕；

3、最后使用css為它們設計樣式即可。

    #box{
        width: 380px;
        margin: 30px auto;
        font-family: 'Microsoft YaHei';
        font-size: 14px;
    }
    input{
        width: 260px;
        border: 1px solid #e2e2e2;
        height: 30px;
        float: left;
        background-image: url(images/search.jpg);
        background-repeat: no-repeat;
        background-size: 25px;
        background-position:5px center;
        padding:0 0 0 40px;
    }
    #search{
        width: 78px;
        height: 32px;
        float: right;
        background: black;
        color: white;
        text-align: center;
        line-height: 32px;
        cursor: pointer;
    }
 



    
        
        搜索