merisia-input-email

<merisia-input-email>

Champ courriel spécialisé. Étend merisia-input avec type="email", autocomplete="email" et spellcheck="false" comme valeurs par défaut.

Démos

Champ courriel de base

<merisia-input-email
  label="Adresse courriel"
  name="email"
  hint="Exemple : prenom.nom@domaine.ca"
></merisia-input-email>

Requis

<merisia-input-email
  label="Courriel de connexion"
  name="login-email"
  required
></merisia-input-email>

Avec erreur

const el = document.querySelector('merisia-input-email');
el.errors = ["L'adresse courriel est invalide."];

Propriétés

Hérite de toutes les propriétés de merisia-input avec les valeurs par défaut suivantes redéfinies :

Propriété Attribut Type Défaut (dans merisia-input-email) Description
type type string 'email' Fixé à 'email' (hérité de merisia-input)
autocomplete autocomplete string 'email' Rempli automatiquement avec la valeur 'email'
spellcheck spellcheck boolean false Désactivé par défaut pour les adresses courriel
Toutes les autres propriétés sont identiques à merisia-input.

Import

import '@merisia-inc/merisia-components/input-email';