Maison > interface Web > tutoriel HTML > le corps du texte

Comment limiter le nombre de caractères saisis dans une zone de texte dans un formulaire HTML ?

王林
Libérer: 2023-08-30 11:17:02
avant
1972 Les gens l'ont consulté

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>Feedback Form..</h1>
   <form id="feedback_form">
      <label for="label1">Enter your feedback here:</label>
      <textarea id="t1"> </textarea>
   </form>
</body>
</html>
Copier après la connexion

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