輸入類型搜索不重定向

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

你的按鈕是一個普通的表單按鈕，不submit.To是提交按鈕它的類型應該是「提交」。你可以使用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; 
....