Pour commencer

Accédez aux outils et aux éléments de base qui permettent de concevoir et de mettre au point des expériences cohérentes et accessibles.

Développer Conception

Courriel

Comment demander un courriel aux utilisateurs.

Conseils

L'application d'une validation de base permet d'améliorer l'exactitude des données saisies par l'utilisateur.

Un message d'erreur bilingue est contenu dans le javascript pour la plupart de ces champs. La langue affichée est déterminée par la valeur lang de la balise HTML d'ouverture : <html lang="fr">

Cette composant nécessitent gnb-forms-validation-1.0.0.js


Courriel

Validation de base pour une adresse électronique, combinée à une validation obligatoire.

HTML

<!-- Champ email de base avec validation -->
<div class="gnb-form-input">
	<label for="courriel">Email<span class="required">*</span><span
			class="sr-only">required</span></label>
	<input id="courriel" class="gnb-field-md" name="courriel" autocomplete="courriel"
		type="email" required oninput="validateEmail(this)">
	<div class="gnb-form-validation" id="email-error" style="display: none;">
	</div>
</div>