SearchBar

[templari]

Messieurs (dames), bonjour.

Je recherche un code ou une ébauche de code afin de réaliser ceci :



Je souhaiterai qu'il interagisse comme le fait la barre de recherche de google ou itunes (sous Safari), c'est-à-dire que, lorsque l'on clique dessus et que l'on rentre des caractères, une image à droite s'affiche, une croix, pour effacer le contenu . Cela ressemble donc à cela :



Je souhaiterais bien sûr que la recherche se fasse sur mon site, comme ceci je suppose :

Code html :

1
2
3
4
5
6
7
8
<div id="searchbar">
    <form method="get" id="searchform" action="http://www.monsite.com">
        <div>
            <input type="text" name="search" id="search"/>
            <input type="submit" value="" id="loupe"/>
        </div>
    </form>
</div>

Je souhaiterais aussi qu'il n'y ait pas de bouton "submit" (comme dans les images ci-dessus), c'est-à-dire que l'on ait a taper "Entrée" pour lancer la recherche.

J'ai recherché sur internet une ébauche de code à ce sujet et ne l'ai pas trouvé. Si vous avez un source ou quoi que ce soit, je suis preneur.

En vous remerciant.

Cordialement.