DSFR v1.13.2
La barre de recherche est un système de navigation qui permet à l'utilisateur d’accéder rapidement à un contenu en lançant une recherche sur un mot clé ou une expression.
Documentation<div class="fr-search-bar" id="search-1366" role="search">
<label class="fr-label" for="search-1366-input">
Rechercher
</label>
<input class="fr-input" aria-describedby="search-1366-input-messages" placeholder="Rechercher" id="search-1366-input" type="search">
<div class="fr-messages-group" id="search-1366-input-messages" aria-live="polite">
</div>
<button title="Rechercher" type="button" id="search-btn-1367" class="fr-btn">Rechercher</button>
</div>
<div class="fr-search-bar fr-search-bar--lg" id="search-1371" role="search">
<label class="fr-label" for="search-1371-input">
Rechercher
</label>
<input class="fr-input" aria-describedby="search-1371-input-messages" placeholder="Rechercher" id="search-1371-input" type="search">
<div class="fr-messages-group" id="search-1371-input-messages" aria-live="polite">
</div>
<button type="button" id="search-btn-1372" class="fr-btn">Rechercher</button>
</div>