用户名:  密码: 记住用户名和密码
找回密码   找回用户名   宣传积分   充值   开通课程   终身会员   手机/平板/Mac播放视频
我爱自学网
客服 点击这里给我发消息  (QQ:1760002012)   业务合作 点击这里给我发消息
我爱自学网诚聘录课讲师
当前位置:首页 >> 学习交流 >> 网页设计学习交流区 >> 怎么做搜索框
发贴提问
  • 会员:daisy216@126.com
  • 主题:1
  • 回帖:0
  • 积分:1
  • 身份:VIP会员
怎么做搜索框

以上这个搜索按钮这样做对吗?
<div id="apDiv9">
<form action="" method="get" target="_blank" id="sousou1" >
<div class="kuan"><input name="sou" type="text" id="sou" value="请搜索商品或者商铺" /></div><!--搜索框-->
<div class="an">
<input name="搜索" type="submit" value="搜索" id="搜 索"  onclick="file:///D:/月光/Untitled-1.html"/>

样式:
#apDiv9 {
position: absolute;
left: 752px;
top: 58px;
width: 566px;
height: 55px;
z-index: 5;
}
.kuan input{ width:420px; height:51px;border:1px solid #999; float:left; color:#999;}
.an input{ width:126px; height:55px;border:none; float:left;background:#609; font-size:24px; color:#FFF;}

如果不对,怎样做才好?我还想实现点击X,框里的文字就自动消失

编辑主题     发表于:2015-02-03 16:29:06
  • 会员:admin
  • 主题:1
  • 回帖:266
  • 积分:0
  • 身份:VIP会员
2#
搜索框需要后台代码支持的。
编辑回贴     发表于:2015-02-04 21:35:21
  • 会员:zhangzhengyai
  • 主题:0
  • 回帖:2
  • 积分:0
  • 身份:普通会员
3#
其实网上有很多第三方的搜索框代码,都不需要你自己做的你只需要定义下样式就可以了亲,至于有哪些你可以百度一下,或者使用百度的站内搜索工具就好啦。
编辑回贴     发表于:2015-04-10 22:45:08
发贴提问
发表回复:
 
     
用户名:  
密 码:  
        
注:没有会员帐号的学员请点击“注册”,免费获得帐号,多谢合作!