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

Code postal

Comment demander un code postal.

Conseils

Un champ de code postal avec un masquage de base pour formater et valider les codes postaux.

Vous devrez inclure gnb-forms-validation-1.0.0.js pour utiliser cette composant.

Code postal

HTML

<!-- Un champ de code postal avec un masquage de base pour formater et valider les codes postaux -->
	<div class="gnb-form-input">
		<label for="postal-code">Code postal<span class="required">*</span><span
				class="sr-only">obligatoire</span></label>
		<input id="postal-code" class="gnb-postal-code-field" name="postal-code"
			autocomplete="postal-code" type="text" maxlength="7" required placeholder="A1A 1A1"
			oninput="formatPostalCode(this)">
		<div class="gnb-form-validation" id="postal-code-error" style="display: none;">
		</div>
	</div>
</form>

<!-- Ajoutez ceci en bas de votre page avant la balise de fermeture du corps -->
<script src="gnb-forms-validation-1.0.0.js"></script>