Question

淘宝搜索框自定义代码

要在店招右上方加个搜索框，按钮要用图片的，那种
在网上找的相关代码要不是跳掉首页或者所有分类页面，要不就显示没这个店铺，或着没这宝贝，谁有正确的代码啊，能提供正确代码的会提高悬赏作为感谢的

Answer 1

<!--
·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 位置

• 具体操作可读注释，更多问题可追问或私信

• 具体效果可搜索浏览 “盈兆电器专营店” 

• 满意请随手 点赞 支持 (๑•̀ㅂ•́)و✧

追问

关于 “#店铺搜索页链接” 问题，我复制的是所有分类里的地址，只保留到 search.htm 位置。
但在搜索框中打字，根本无视所输入的关键字，按下按钮直接转跳掉所有分类页面，这是为什么呢，这个地方的地址到底填哪个

追答

action="http://……htm"

从http开始,刚刚测试过没有问题，淘宝和天猫都没问题

或者尝试复制完整链接

可从上传文件里的网址查看Demo，在轮播下面的就是这个搜索代码

建议使用火狐等带有调试工具的浏览器，直接编辑修改测试

Answer 2

HT也有很多这样子的