Wyszukiwarka Google na stronie

Chcę sobie zrobić wyszukiwarkę Google na stronie i tak mam fajny formularz i przycisk:

<form id="w2b-searchform" action="/search" method="get">
    <input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/>
    <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form>
 

A formularz Google z przyciskiem wyszukiwania wygląda tak:

<form action="http://mojastrona.pl/forum/google.php" id="cse-search-box">
  <div>
    <input type="hidden" name="cx" value="partner-pub-1455212096467184:4806882202" />
    <input type="hidden" name="cof" value="FORID:10" />
    <input type="hidden" name="ie" value="UTF-8" />
    <input type="text" name="q" size="55" />
    <input type="submit" name="sa" value="Szukaj" />
  </div>
</form>

<script type="text/javascript" src="http://www.google.pl/coop/cse/brand?form=cse-search-box&amp;lang=pl"></script>


 

Więc jak z mojego formularza przekazać dane aby zostały one obsłużone?
Czy zmodyfikować tylko kod od Google abym miał swoje formatowanie?

1. Nie mam pojęcia o co pytasz, zadaj pytanie tak, żeby było wiadomo o co chodzi.
2. Używaj tagów <code class="html"></code> i odpowiednich jak wklejasz kod.
3. Zamiast tego onfocus i onblur użyj po prostu placeholder -> http://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_input_placeholder

Dobra już sobie poradziłem, a chodzi o to, że mając kod formularza pola wyszukiwarki na stronę www jest on jaki jest więc sobie zrobiłem swój tylko nie jestem pewien czy tak można zmodyfikować kod abym miał swój wygląd.

Kod jest taki:

<div id="w2b-searchbox">
<form action="http://mojastrona/forum/google.php" id="w2b-searchform">

 <input type="hidden" name="cx" value="partner-pub-1465202096568174:4806945202" />
 <input type="hidden" name="cof" value="FORID:10" />
 <input type="hidden" name="ie" value="UTF-8" />

  <input type="text" id="s" name="q" value="Szukaj z Google" onfocus='if (this.value == "Szukaj z Google") {this.value = ""}' onblur='if (this.value == "") {this.value = "Szukaj z Google";}'/>
 <input type="image" src="http://localhost/forum/images/blank_search.gif" id="sbutton" />
 

</form>
 </div>

<script type="text/javascript" src="http://www.google.pl/coop/cse/brand?form=cse-search-box&amp;lang=pl"></script>
 

To placeholder jest bdb. rozwiązanie, ale mam pytanie czego użyć, aby zamiast tekstu wstawić grafikę?
Tzn. aby był ten sam efekt jak w przypadku placeholder i onfocus i onblur z tekstem był efekt z podstawieniem i znikaniem grafik?

Wyjaśnię Ci coś:

Więc jak z mojego formularza przekazać dane aby zostały one obsłużone?
Czy zmodyfikować tylko kod od Google abym miał swoje formatowanie?

To nie mówi w czym jest problem. Obsłużone przez co? W jaki sposób? Co dzieje w tym momencie?

a chodzi o to, że mając kod formularza pola wyszukiwarki na stronę www jest on jaki jest więc sobie zrobiłem swój

To też nic nie mówi! Co znaczą te Twoje słowa? Zakładam, że nie ma stylowania, ale zakładam - musisz nam o tym powiedzieć, bo może chodzi o brak obsługi po stronie serwera, brak jakiegoś javascriptu, zły wygląd, itd.

Co do grafiki w placeholderze: http://stackoverflow.com/questions/2610497/change-an-inputs-html5-placeholder-color-with-css albo napisać coś takiego jak miałeś (w javascript) tylko zmieniające właściwość backgroundImage.