Barre de recherche

Fermé

AGGRF Messages postés 4 Date d'inscription jeudi 7 mars 2019 Statut Membre Dernière intervention 7 avril 2019 - 19 mars 2019 à 17:21
AGGRF Messages postés 4 Date d'inscription jeudi 7 mars 2019 Statut Membre Dernière intervention 7 avril 2019 - 21 mars 2019 à 16:14

Salut, j’aimerai bien crée une barre de recherche qui ressemble à l'image si dessous.

Mercie de me répondre.

A voir également:

Barre de recherche
Recherche automatique des chaînes ne fonctionne pas - Guide
Windows 11 barre des taches a gauche - Guide
Égal barré ✓ - Forum Word
Barre verticale mac - Forum MacOS
Barré whatsapp - Guide

1 réponse

Réponse 1 / 1

jordane45 Messages postés 38347 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 24 décembre 2024 4 719
19 mars 2019 à 19:31

Bonjour,

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.

AGGRF Messages postés 4 Date d'inscription jeudi 7 mars 2019 Statut Membre Dernière intervention 7 avril 2019
20 mars 2019 à 14:03

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.

jordane45 Messages postés 38347 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 24 décembre 2024 4 719 > AGGRF Messages postés 4 Date d'inscription jeudi 7 mars 2019 Statut Membre Dernière intervention 7 avril 2019
20 mars 2019 à 14:11

Sans voir ton code html/css actuel... impossible de t'aider.

AGGRF Messages postés 4 Date d'inscription jeudi 7 mars 2019 Statut Membre Dernière intervention 7 avril 2019
21 mars 2019 à 16:14

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%; }

Discussions similaires

recherche à partir de la barre d'adresse

Barre verticale droite sur clavier

Alt + = un égal barré = différence !

Comment faire le signe = barré?

Comment écrire le signe mathématique "différent de"?