!--
创新互联专注为客户提供全方位的互联网综合服务,包含不限于网站制作、成都网站设计、新会网络推广、成都小程序开发、新会网络营销、新会企业策划、新会品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们最大的嘉奖;创新互联为所有大学生创业者提供新会建站搭建服务,24小时服务热线:13518219792,官方网址:www.cdcxhl.com
·1 此代码默认尺寸200x30 像素(文本框:170x30 像素; 提交按钮:30x30 像素);
·2 代码仅为框架,可通过使用内联样式添加背景图片实现效果;
·3 如需使用 border 属性添加边框,请勿删除之前的border样式,并且要减去相应的高宽数值
--
!-- 搜索代码 --
form action="#店铺搜索页链接" method="get" target="_blank" style="width:200px; height:30px; border:0; padding:0; outline:none;"
!-- 搜索按钮 --
input name="search" type="submit" value="" style="width:30px; height:30px; background-color:#C9C9C9; border:0; padding:0; outline:none; cursor:pointer; float:right;"
!-- 搜索按钮 End--
!-- 文本输入 --
input name="keyword" type="text" value="" style="width:170px; height:30px; background-color:#E5E5E5; border:0; padding:0; outline:none; text-indent:5px; cursor:text; float:left;"
!-- 文本输入 End--
/form
!-- 搜索代码 End--
回答中无法添加具体链接,代码中 “#店铺搜索页链接” 即为打开店铺搜索页,地址栏内的地址链接,可只保留到 search.htm 位置
具体操作可读注释,更多问题可追问或私信
具体效果可搜索浏览 “盈兆电器专营店”
满意请随手 点赞 支持 (๑•̀ㅂ•́)و✧
在搜索代码的 form 标签里
加入内联样式 style="width:***px; height:***px; border:0; padding:0; overflow:hidden;" 高宽为自定搜索的数值
建议先去了解学习一下CSS相关教程知识
div class="sousuo" style="padding:2px 10px;border:0px solid rgb(0,0,0);width:600px;line-height:16px;font-size:12px;"
span style="margin:0px;line-height:16px;padding-top:3px;font-size:12px;float:right;"font style="color:rgb(51,51,51);"热门搜索:
/font
a style="color:rgb(255,0,0);" target="_blank" href="店铺地址"男装/a
a style="color:rgb(255,0,0);" target="_blank" href="店铺地址"女装/a
/span
form action="
" method="post" style="margin:0px;padding:0px;" target="_blank"
input type="hidden" value="" name="baobei_type"/
span style="margin:0px;padding:0px;color:rgb(0,0,0);font-weight:bold;"搜索和价格:/span
input style="width:100px;line-height:16px;font-size:12px;" type="text" value="" name="keyword"/
span style="margin:0px;padding:0px;color:rgb(0,0,0);"价格:/span
input style="width:35px;line-height:16px;font-size:12px;" type="text" value="" name="lowPrice"/
span style="margin:0px;padding:0px;"-/span
input style="width:35px;line-height:16px;font-size:12px;" type="text" value="" name="highPrice"/
input style="margin:0px;padding:0px 10px;color:rgb(255,255,255);font-size:12px;background-color:rgb(0,0,0);_padding:3px 5px 1px 5px;" type="submit" value="搜索"/
/form
/div
比较常用的是:搜索框 + 分类类目+ 热门关键词 + 搜索按钮只要在HTML中插入以下这段代码,发布上去,就会显示出搜索框了,很简单的~ 代码如下: alimama_pid='mm_12342439_0_0'; alimama_type='g'; alimama_tks={}; alimama_tks.style_i=1; alimama_tks.lg_i=0; alimama_tks.w_i=572; alimama_tks.h_i=69; alimama_tks.btn_i=1; alimama_tks.txt_s=''; alimama_tks.hot_i=1; alimama_tks.hc_c='#999999'; alimama_tks.c_i=1; alimama_tks.cid_i=0; 修改解释: alimama_tks.w_i=572; 这里就是修改搜索框的长度(总长度这里是572像素)你也可以根据你的要求修改 alimama_tks.h_i=69; 这里是修改搜索框的高度(现在的宽度是69像素) alimama_tks.hc_c='#999999'; 这里是修改热门关键词的颜色,只要修改#999999这里就行了 同样很简单吧,赶快插入以上那段代码,在你的网站上面也能搜索到淘宝的产品了 还有其它6种样式可以选择,可到以下地址看看,非常详细,而且有图文