Zone de texte HTML | Expliqué

Vous avez vu dans de nombreux logiciels et sites Web lorsque vous cliquez sur la zone de texte, le curseur commence à clignoter là-bas, indiquant que les utilisateurs peuvent commencer à taper. Cette fonctionnalité spécifiée peut être incluse en utilisant la zone de texte HTML. Plus précisément, la zone de texte est l'élément commun de HTML qui peut contrôler l'entrée de l'utilisateur. C'est une zone où les utilisateurs peuvent entrer n'importe quel texte d'entrée.

Ce guide discutera:

• Quels sont les types de zones de texte HTML?
• Baxes de texte HTML à ligne unique
• Baxes de texte HTML multi-lignes

Commençons!

Quels sont les types de zones de texte HTML?

Il existe deux types de zones de texte HTML:

• Zone de texte à ligne unique: Ce type de zone de texte prend une entrée de ligne unique de l'utilisateur sur la page Web.
• Zone de texte en plusieurs lignes: Ce type de zone de texte prend la entrée de texte en plusieurs lignes de l'utilisateur sur la page Web.

Dirigez-vous vers eux un par un!

Comment créer une zone de texte HTML à ligne unique?

Pour créer une zone de texte HTML à ligne unique, suivez la syntaxe dirigée ci-dessous:

Dans la syntaxe donnée, la balise d'entrée a deux attributs:

• "taper»Représente le type de champ de saisie qui peut être défini en fonction des préférences. Par exemple, il peut s'agir de champs de texte, de champs de mot de passe, de champs de messagerie et de bien plus encore.
• "nom”De l'élément qui sera utilisé comme référence en JavaScript et récupérant les données après la soumission.

Exemple: création de zone de texte HTML à ligne unique

Créons deux champs d'entrée en utilisant le «"Tag et spécifiant son type comme"texte". De plus, spécifiez le nom du premier champ de saisie comme «user_name1"Et le second comme"user_name2»:

Prénom:
Nom de famille:

Actuellement, la page Web ressemblera à celle-ci ayant deux zones de texte unique:

Dans la section suivante, nous apprendrons à créer une zone de texte multi-lignes.

Comment créer des zones de texte HTML multi-lignes?

La zone de texte multi-ligne HTML est utilisée sous des formulaires pour recueillir des commentaires ou des commentaires de l'utilisateur. Il recueille plusieurs lignes de texte. De plus, le «»La balise peut être utilisée pour créer des zones de texte HTML multi-lignes.

Syntaxe

Voici la syntaxe pour créer une zone de texte multi-lignes dans HTML:

La description de la syntaxe ci-dessus est mentionnée ici:

• "nom"Est utilisé pour spécifier le nom de l'élément afin qu'il puisse être utilisé comme dans JavaScript.
• "collègues" et "Lignes"Sont utilisés pour la taille de la zone de texte en ajoutant leurs valeurs comme«N1" et "n2".

Clarifions ce concept à l'aide de la mise en œuvre!

Exemple: création de zones de texte HTML multi-lignes

Dans la page Web, ajoutez la balise, spécifiez son «nom" comme "retour","identifiant" comme "f_area", Num de colonnes"collègues" comme "30», Et le nombre de«Lignes" comme "dix". Le texte par défaut qui doit être affiché dans la zone de texte multi-lignes sera écrit dans les balises d'ouverture et de fermeture de la zone de texte:

zone de rétroaction:


Donnez vos commentaires ici!

Comme vous pouvez le voir dans l'image ci-dessous, la zone de texte multi-lignes sera affichée sur la page Web:

Ce sont les moyens de créer des zones de texte à ligne unique et multi-lignes dans HTML.

Conclusion

Les zones de texte HTML sont des éléments couramment utilisés dans des formulaires pour prendre les entrées utilisateur. Il existe deux types de zones de texte HTML: les zones de texte à ligne unique et les zones de texte multi-lignes. Le "" et "»Les balises peuvent être utilisées pour créer des zones de texte unique et multi-lignes, respectivement. Dans ce guide, nous avons expliqué ce qu'est une zone de texte HTML et comment créer des zones de texte à ligne unique et multi-lignes en HTML.