


Comment limiter le nombre de caractères saisis dans une zone de texte dans un formulaire HTML ?
En HTML, nous pouvons créer des formulaires à l'aide de divers éléments pour accepter et stocker les informations saisies par les utilisateurs. Ces éléments sont également appelés éléments de formulaire, tels que : les champs de texte (zones de texte), les boutons radio, les cases à cocher, les listes déroulantes ou combo, les boutons de réinitialisation et de soumission.
TextArea est l'un des éléments pouvant être créés dans un formulaire. Une zone de texte est utilisée comme contrôle multiligne dans lequel les utilisateurs peuvent saisir des données dans plusieurs lignes et colonnes.
Le contrôle TextArea est utilisé pour saisir des notes, des suggestions, des informations d'adresse, du texte de courrier électronique, des commentaires, etc. La taille du texte est plus grande que celle du champ de texte ordinaire car le champ de texte est un contrôle de saisie sur une seule ligne et nécessite une ligne de données.
Exemple
Comprenons le code HTML de base pour créer une zone de texte avec une largeur et une hauteur par défaut.
<html> <head><title>Feedback Form..</title> <style> h1{font-family:Algerian;font-size:20;color:blue;text-align:center} </style> </head> <body> <h1 id="Feedback-Form">Feedback Form..</h1> <form id="feedback_form"> <label for="label1">Enter your feedback here:</label> <textarea id="t1"> </textarea> </form> </body> </html>
Exemple
Pour définir la largeur et la hauteur d'une zone de texte de votre choix, vous spécifiez le nombre de lignes et de colonnes souhaité. Pour ce faire, on peut profiter des attributs rows et cols de la balise
<html> <head><title>Feedback Form..</title> <style> h1{font-family:Algerian;font-size:20;color:blue;text-align:center} </style> </head> <body> <h1 id="Feedback-Form">Feedback Form..</h1> <form id="feedback_form"> <table> <tr> <td> <label for="label1">Enter your feedback:</label> </td> <td> <textarea id="t1" rows="10" cols="24">Type your valueable feedback here: </textarea> </td> </tr> </table> </form> </body> </html>
Lorsque les informations saisies dans la zone de texte dépassent sa hauteur, la barre de défilement verticale sera automatiquement activée.
REMARQUE - Par défaut, nous pouvons saisir des données jusqu'à 5,24,288 caractères dans la zone de texte.
Dans certains cas, il est nécessaire de limiter la taille des caractères pouvant être saisis dans une zone de texte. Ainsi, dans ce cas, nous pouvons utiliser l'attribut maxlength pour contrôler le nombre de caractères saisis dans la zone de texte.
Exemple
Supposons que, sur un site Web où une personne saisit ses expériences, articles ou discours, il doive y avoir une certaine limite sur le nombre de caractères. Par conséquent, les concepteurs Web peuvent utiliser l'attribut maxlength pour limiter le nombre de caractères saisis dans une zone de texte. Comprenons avec un exemple -
<html> <body> <form id="feedback_form"> <label for="label1">Enter your feedback (150 words):</label> <textarea id="t1" maxlength="150"> </textarea> </form> </body> </html>
Dans ce programme, la limite de caractères n'est fixée qu'à 150 caractères, ce qui signifie qu'il arrêtera de taper car nous ne sommes pas autorisés à taper plus de "150" caractères.
Nous avons expliqué ci-dessus que l'attribut cols peut spécifier la largeur de la zone de texte, ce qui signifie que nous pouvons saisir le nombre maximum de colonnes, mais si nous utilisons les attributs cols et maxlength ensemble dans la balise

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

Video Face Swap
Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !

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)

Sujets chauds

HTML convient aux débutants car il est simple et facile à apprendre et peut rapidement voir les résultats. 1) La courbe d'apprentissage de HTML est fluide et facile à démarrer. 2) Il suffit de maîtriser les balises de base pour commencer à créer des pages Web. 3) Flexibilité élevée et peut être utilisée en combinaison avec CSS et JavaScript. 4) Les ressources d'apprentissage riches et les outils modernes soutiennent le processus d'apprentissage.

HTML définit la structure Web, CSS est responsable du style et de la mise en page, et JavaScript donne une interaction dynamique. Les trois exercent leurs fonctions dans le développement Web et construisent conjointement un site Web coloré.

Anexampleofastartingtaginhtmlis, qui abinginsaparagraph.startingtagsaressentialtinhtmlastheyinitiateelements, définit les éventualités, et la faculté de réduction des pages et de la construction de la création.

WebDevelopmentReliesOnHTML, CSS, etjavascript: 1) HTMLSTRUCTURESCONTENT, 2) CSSSTYLESIT, et3) JavascriptAdddsInterActivity, Forming TheasisofmodernweBEBExperiences.

L'algorithme adaptatif de la position de l'axe y pour la fonction d'annotation Web Cet article explorera comment implémenter des fonctions d'annotation similaires aux documents de mots, en particulier comment gérer l'intervalle entre les annotations ...

GiteEpages STATIQUE Le déploiement du site Web a échoué: 404 Dépannage des erreurs et résolution lors de l'utilisation de Gitee ...

Pour obtenir l'effet de la diffusion et de l'élargissement des images environnantes après avoir cliqué sur l'image, de nombreuses conceptions Web doivent obtenir un effet interactif: cliquez sur une certaine image pour faire les environs ...

HTML, CSS et JavaScript sont les trois piliers du développement Web. 1. HTML définit la structure de la page Web et utilise des balises telles que, etc. 2. CSS contrôle le style de page Web, en utilisant des sélecteurs et des attributs tels que la couleur, la taille de la police, etc. 3. JavaScript réalise les effets dynamiques et l'interaction, par la surveillance des événements et les opérations DOM.
