站長資訊網
        最全最豐富的資訊網站

        html5中如何制作搜索欄

        html5中制作搜索欄的方法:首先新建一個div,id名為box,用來包裹搜索框;然后在內部添加一個input標簽和一個div標簽;最后使用css為它們設計樣式即可。

        html5中如何制作搜索欄

        本教程操作環境:windows7系統、html5版,DELL G3電腦,該方法適用于所有品牌電腦。

        html5中制作搜索欄的方法:

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

        2、然后在內部添加一個input標簽和一個div標簽,一個用來輸入文字,一個充當按鈕;

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

        <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>Examples</title> <meta name="description" content=""> <meta name="keywords" content=""> <link href="" rel="stylesheet"> <style type="text/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;     }   </style> </head> <body>     <div id="box">         <input type="search" name="search" placeholder="請輸入關鍵字">         <div id="search">搜索</div>     </div> </body> </html>

        相關學習推薦:html教程

        贊(0)
        分享到: 更多 (0)
        網站地圖   滬ICP備18035694號-2    滬公網安備31011702889846號
        主站蜘蛛池模板: 久久夜色精品国产网站| 国产91精品一区二区麻豆网站| 免费精品无码AV片在线观看| 91麻精品国产91久久久久| 奇米影视7777久久精品| 精品无码人妻一区二区三区不卡 | 99久久精品国产高清一区二区| 欧美精品色婷婷五月综合| 99久久99久久精品国产| 国产精品久久久久9999高清| 老司机午夜精品视频资源| 午夜精品一区二区三区在线视| 国产精品自产拍高潮在线观看| 久久精品国产影库免费看| 国产精品美女久久久久| 无码人妻精品一区二区三区99仓本 | 国产国产成人久久精品| 国产精品天天影视久久综合网 | 国产精品 视频一区 二区三区| 99视频在线观看精品| 国产精品一区二区av| 亚洲AV永久无码精品成人| 欧美精品亚洲精品日韩精品| 精品精品国产欧美在线小说区 | 欧美激情精品久久久久久| 精品国产黑色丝袜高跟鞋| 国产精品亚洲视频| 91精品视频在线| 99久久精品费精品国产| 亚洲国产精品lv| 91大神精品全国在线观看| 中文字幕精品视频| 中文字幕成人精品久久不卡| 杨幂国产精品福利在线观看| 久久精品免费一区二区三区| 日韩精品在线视频| www.日韩精品| 国产精品午夜福利在线无码| 国产成人精品一区在线| 国产亚州精品女人久久久久久| 精品国产黑色丝袜高跟鞋|