html制作简易搜索框

效果图：

代码：

<style type="text/css">
			
                form .text {
                    display: inline-block;
                    border: 0;
                    width: 260px;
                    height: 35px;
                    font-size: 14px;
                    outline: none;
                    
                    border: 2px solid #0084ff;
                }
                
                form .search {
                    
                    width: 90px;
                    height: 38px;
                    border: 0;
                    outline: none;
                    cursor: pointer;
                    text-align: center;
                    line-height: 40px;
                    background-color: #0084ff;
                    color: #FFFFFF;
                }
            </style>
			<form target="_blank" method="get" action="https://www.baidu.com/s">
				<input type="text" placeholder="请输入关键词" name="word" class="text"/>
				<input type="submit" value="搜索" class="search">
			</form>

 上面form标签能改搜索引擎，这里使用的是百度