html搜索框代码怎样写

html搜索框代码怎样写,第1张

可以使用<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>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6162209.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-16
下一篇 2023-03-16

发表评论

登录后才能评论

评论列表(0条)

保存