Des éléments de mise en forme FORMULAIRES:Mise en forme

1. Masquer les étiquettes FORMULAIRES:Masquer les étiquettes

Les étiquettes des champs sont des éléments indispensables dans la conception des formulaires. Pour l’accessibilité des sites web, ils doivent être présents. Mais vous pouvez parfaitement masquer automatiquement les étiquettes pour les formulaires dédiés aux écrans standards, non optimisés pour les personnes en situation de handicap. Pour masquer les étiquettes, utilisez la classe .sr-only, sr pour Screen Reader.

Le dossier à télécharger pour cet exemple est nommé 07-Formulaires-11.

Reprenons un exemple précédent :

<form class="form-inline"> 
        <label for="nom" class="sr-only">Nom</label> 
        <input type="text" class="form-control 
mb-2 mr-sm-2" id="nom" placeholder="Votre nom"> 
        <label for="prenom" class="sr-only">Prénom</label> 
        <input type="text" class="form-control mb-2 mr-sm-2" 
id="prenom" placeholder="Votre prénom"> 
        <button type="submit" class="btn btn-primary mb-2">Envoyer 
</button> 
</form> 

Voici l’affichage...

Pour consulter la suite, découvrez le livre suivant :
couv_OW24BOO.png
60-signet.svg
En version papier
20-ecran_lettre.svg
En version numérique
41-logo_abonnement.svg
En illimité avec l'abonnement ENI
130-boutique.svg
Sur la boutique officielle ENI
Précédent
Les mises en page des formulaires
Suivant
Ajouter des informations aux champs