Barre de recherche
Salut, j’aimerai bien crée une barre de recherche qui ressemble à l'image si dessous.
Mercie de me répondre.
Mercie de me répondre.
1 réponse
-
ModérateurBonjour,
Voila... je réponds ...... et maintenant ?
Plus sérieusement.... ta barre de recherche... tu veux la mettre où ?
Dans quel langage ?
Elle doit faire quoi exactement ? (rechercher dans quoi .. une bdd ? si oui.. laquelle ? )
Et puis.. qu'as tu commencé à faire ?
Sur quel point bloques tu exactement ?
Sans toutes ces réponses... impossible pour nous de te répondre.
-
Je veut crée cette barre de recherche pour une page d’accueil hors connexion.
Je veut là réaliser en HTML et en CSS.
Elle me sert pour rechercher sur qwant et je bloque sur l'insertion d'un bouton de recherche et du bouton pour effacer la recherche. -
Modérateur@AGGRFSans voir ton code html/css actuel... impossible de t'aider.
-
Code Html:
<div class="recherche_p"> <form action="https://www.qwant.com" id="searchthis" method="get"> <input id="search" name="q" type="text" placeholder="Que recherchez-vous?" /> <br> <input id="search-btn" type="submit" value="RECHERCHERâ–º" /> </form> </div>
Code Css:.recherche_p {border-style: solid; border-width: 3px; border-color: #dddddd; background-color:#00BFFF; padding: 10px 10px 10px 10px; width: 75%; transition: 1s;} #searchthis #search {height:30px; background-color: #ffffff; color: #000000; border-style: solid; border-width: 2px; border-color: #dddddd; padding: 5px 10px 5px 10px; width: 65%; box-sizing: border-box; font-family: Lato; font-size: 12px; font-weight: auto; letter-spacing: 1px; transition: 1s;text-align:center; } #searchthis #search:focus {width: 90%; transition: 1s; } #searchthis #search-btn {background-color: #012088; border-style: solid; border-width: 2px; border-color: #012088; padding: 5px 10px 5px 10px; width: 35%; box-sizing: border-box; font-family: PT sans; font-size: 13px; font-weight: normal; letter-spacing: 2px; margin: 10px 0 0 0; text-transform: uppercase; color: #FFFFFF; transition: 0.5s; } #searchthis #search-btn:hover {background-color: #ffffff; color: #012088; cursor: pointer; transition: 0.5s; width: 45%; } #searchthis #search-btn:active {background-color: #ffffff; color: #012088; cursor: pointer; transition: 0.5s; width: 45%; }
-
