Comment limiter le nombre de caractères dans un input HTML ?

Réponses rédigées par Antoine
Dernière mise à jour : 2022-07-07 14:08:10
Thèmes : html - input - pattern - regex
Question

Comment faire pour limiter le nombre de caractères dans un <input> HTML ? Je voudrais par exemple qu'un message d'erreur s'affiche sir le nombre de caractères n'est pas compris entre 3 et 5.

Réponse

Pour limiter le nombre de caractères dans un <input> HTML, vous pouvez utiliser les attributs maxlength et minlength de la manière suivante :

<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>Comment limiter le nombre de caractères dans un input HTML ?</title>
<body>
<form>
<input type="text" value="" minlength="3" maxLength="5">
</form>
</body>
</html>

Une autre solution pour limiter le nombre de caractères consiste à utiliser l'attribut pattern avec une expression régulière :

<form>
<input type="text" value="" pattern="/^.{3,5}$/" required>
</form>