可以使用<form>标签
比如经典的百度搜索框
<form action="http://www.baidu.com/baidu" ><input name="word" type="search" /><input type="submit" value="百度搜索" /></form>
更多可以去学习表单网页链接
首先把搜索宽切片下来再CSS样式里面用为背景<body>
<form action="" method="get">
<div class="kuan"><input name="" type="text" /></div><!--搜索框-->
<div class="an"><input name="" type="button" /></div><!--搜索按钮-->
</form>
</body>
CSS样式根据实际自己调整
<style type="text/css">
.kuan input{ width:330pxheight:60pxbackground:background:url(../img/kuan_01.jpg) no-repeatborder:nonefloat:left}
.an input{ width:120pxheight:60px background:background:url(../img/an_02.jpg) no-repeatborder:none float:left}
</style>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）