入力タイプ検索がリダイレクトされない

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; 
....