


Comment limiter le nombre de caractères autorisés dans un champ de texte de saisie de formulaire ?
Dans cet article, nous apprendrons comment limiter le nombre de caractères autorisés dans un champ de texte de saisie de formulaire.
Nous utilisons la balise pour obtenir les entrées de l'utilisateur en HTML. Pour donner une limite (ou une plage) à un champ de saisie, nous utilisons les attributs min et max, qui spécifient respectivement les valeurs maximale et minimale du champ de saisie.
Pour définir la limite maximale de caractères dans un champ de saisie, nous utilisons l'attribut maxlength. Cet attribut est utilisé pour spécifier le nombre maximum de caractères pour le champ de saisie .
Pour définir la limite minimale de caractères dans un champ de saisie, nous utilisons l'attribut minlength. Cet attribut permet de préciser le nombre minimum de caractères pour saisir le champ .
Tout d'abord, voyons comment définir la limite maximale de caractères pour un champ de saisie -
Grammaire
Voici la syntaxe permettant de définir la limite maximale de caractères d'un champ de saisie.
<input maxlength="enter_number">
Exemple
Ce qui suit est un exemple de programme pour définir la limite maximale de caractères d'un champ de saisie -
<!DOCTYPE html> <html> <head> <title></title> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <form action = "#"> Email Id: <br> <input type = "text" name = "email_id" maxlength = "30" /> <br> Password: <br> <input type = "password" name = "password" maxlength = "10" /> <br> <input type = "submit" value ="Submit" /> </form> </body> </html>
Définir une limite minimale de caractères
Voyons maintenant comment définir la limite minimale de caractères pour un champ de saisie
;Grammaire
Voici la syntaxe permettant de définir la limite minimale de caractères d'un champ de saisie en JavaScript -
<input minlength="enter_number">
Exemple
Ce qui suit est un exemple de programme pour définir la limite minimale de caractères d'un champ de saisie en JavaScript -
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <form action="#"> Username: <input type="text" name="username" minlength="10"><br><br> Password: <input type="password" name="password" minlength="8"><br><br> <input type="submit" value="Submit"> </form> </body> </html>
Utilisez le nombre maximum et minimum de caractères dans les champs de saisie
Voyons maintenant comment utiliser les caractères de limite minimale et les caractères de limite maximale dans les champs de saisie -
Exemple
Voici un exemple de programme pour définir les limites minimales et maximales de caractères d'un champ de saisie en JavaScript -
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <form action="#"> Username: <input type="text" name="username" minlength="10" maxlength="20"><br><br> Password: <input type="password" name="password" minlength="8" maxlength="10"><br><br> <input type="submit" value="Submit"> </form> </body> </html>
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Outils d'IA chauds

Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool
Images de déshabillage gratuites

Clothoff.io
Dissolvant de vêtements AI

AI Hentai Generator
Générez AI Hentai gratuitement.

Article chaud

Outils chauds

Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise
Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP

Dreamweaver CS6
Outils de développement Web visuel

SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)

L'article traite du HTML & lt; Progress & GT; élément, son but, son style et ses différences par rapport au & lt; mètre & gt; élément. L'objectif principal est de l'utiliser & lt; Progress & gt; pour l'achèvement des tâches et & lt; mètre & gt; pour stati

L'article traite du HTML & lt; Datalist & GT; élément, qui améliore les formulaires en fournissant des suggestions de saisie semi-automatique, en améliorant l'expérience utilisateur et en réduisant les erreurs. COMMANDE COMPRES: 159

L'article examine les meilleures pratiques pour assurer la compatibilité des navigateurs de HTML5, en se concentrant sur la détection des fonctionnalités, l'amélioration progressive et les méthodes de test.

L'article traite du HTML & lt; mètre & gt; élément, utilisé pour afficher des valeurs scalaires ou fractionnaires dans une plage, et ses applications courantes dans le développement Web. Il différencie & lt; mètre & gt; De & lt; Progress & gt; et ex

L'article discute de l'utilisation des attributs de validation de formulaire HTML5 comme les limites requises, motifs, min, max et longueurs pour valider la saisie de l'utilisateur directement dans le navigateur.

Cet article explique le html5 & lt; time & gt; élément de représentation sémantique de date / heure. Il souligne l'importance de l'attribut DateTime pour la lisibilité à la machine (format ISO 8601) à côté du texte lisible par l'homme, stimulant AccessIbilit

L'article traite de la balise Meta de la fenêtre, essentielle pour la conception Web réactive sur les appareils mobiles. Il explique comment une utilisation appropriée garantit une mise à l'échelle optimale du contenu et une interaction utilisateur, tandis que la mauvaise utilisation peut entraîner des problèmes de conception et d'accessibilité.

L'article traite du & lt; iframe & gt; L'objectif de Tag dans l'intégration du contenu externe dans les pages Web, ses utilisations courantes, ses risques de sécurité et ses alternatives telles que les balises d'objet et les API.
