Question

我想制作一个常规搜索框，只是样式不同（我没有使用常规的“提交”按钮，而是将其替换为图像）。显然，当我在框中输入内容，然后单击图像/提交按钮/时，它没有反应。

<form action="http://search.com">
           <input type="text" name="Search bar" placeholder="Search..."/>
           <input type="search" name="Search"
          value="submit" />

           </form>

style.css：

input[type=search] {padding:5px 15px; 

border:1px solid #FF0;
cursor:pointer;
text-color:#FFF;
background:url(../gl-11.png);
border:0;

height:24px;
width: 24px;
background-repeat:no-repeat;}

我可能在代码中弄乱了一些东西！

This is how the search box looks like

Answer 1

更改要提交的按钮类型。 A simple guide.

<form action="http://search.com">
    <input type="text" name="Search bar" placeholder="Search..."/>
    <input type="submit" name="Search" value="submit" />
</form>

Answer 2

您的按钮是常规表单按钮，而不是提交。要提交按钮，其类型应为“提交”。您可以使用css类来应用样式。

<form action="http://search.com">
       <input type="text" name="Search bar" placeholder="Search..."/>
       <input type="submit" class="MySearchButton" name="Search"
      value="submit" />

       </form>


input.MySearchButton {padding:5px 15px; 
....

输入类型搜索不重定向

2 个答案: