Plus d'une ligne dans <Input type=”textarea” />

Plus d'une ligne dans <Input type=”textarea” />

Les formulaires sont un élément de base et important de la page HTML qui est généralement utilisé pour obtenir la saisie des utilisateurs. Normalement, un formulaire HTML se compose d'un bouton TextArea, de soumission, d'une radio et d'une case à cocher. Utilisez le type d'entrée approprié si l'utilisateur désire les champs de formulaire pour accepter les numéros de téléphone, les adresses e-mail et autres données. Cependant, il y a des occasions où les utilisateurs sont tenus de remplir des formulaires avec plus d'informations, comme le champ de texte description, pour lequel la TextArea doit être supérieure à une ligne.

Ce message explique:

  • Méthode 1: Comment ajouter plus d'une ligne dans ""?
  • Méthode 2: Comment ajouter plus d'une ligne dans la balise «»?

Méthode 1: Comment ajouter plus d'une ligne dans ""?

Pour ajouter plus d'une ligne dans ""Type d'élément"textarea», Suivez la procédure ci-dessous.

Étape 1: Ajouter un en-tête

Tout d'abord, utilisez n'importe quelle étiquette d'en-tête

pour

Pour ajouter un titre. Par exemple, le «

”La balise est utilisée pour ajouter un titre de niveau un.

Étape 2: Créez un élément «div»

Ensuite, créez un «div"Élément avec l'aide du"" étiqueter. Aussi, insérez un «classe«Attribut et attribuez-lui une valeur»div".

Étape 3: insérer la zone de texte

Après cela, insérez un «”Tag avec les attributs suivants:

  • "taper«L'attribut définit le type de«" élément. Si la "taper"L'attribut n'est pas déterminé, alors"texte»Est défini comme la valeur par défaut.
  • "Lignes"Est utilisé pour spécifier la hauteur d'une zone de texte visible en lignes.
  • "collègues«Est utilisé pour définir la largeur de la zone de texte:

Insérer du texte dans TextArea



Vous pouvez voir que la TextArea a été créée qui peut accepter le texte multi-lignes:

Étape 4: Style «H1»

Accédez à l'en-tête par nom de balise et appliquez les propriétés CSS codées ci-dessous:

H1
Style de police: oblique;
Couleur: RVB (231, 173, 14);
Texte-aligne: Centre;

Ici, "le style de police"Est utilisé pour coiffer le texte de la tête,"couleur»Spécifie la couleur du texte et le«alignement de texte”Définit l'alignement du texte en tant que centre.

Étape 5: Élément de style «div»

Tout d'abord, accédez au «div"Élément utilisant la classe associée".div»Et appliquez les propriétés suivantes:

.Div principal
Style de la frontière: Double;
Color à la frontière: RVB (2, 187, 233);
Texte-aligne: Centre;
marge: 40px;
rembourrage: 50px;
Color d'arrière-plan: bisque;

Voici la description des propriétés ci-dessus:

  • "style de bordure"Est utilisé pour coiffer la bordure.
  • "couleur de la bordure»La propriété attribue une couleur à une bordure définie.
  • "marge»La propriété détermine le côté extérieur de l'espace vide de la limite de l'élément.
  • "rembourrage»Spécifie l'espace autour du contenu de l'élément.
  • "Couleur de l'arrière plan”Définit la couleur à l'arrière-plan de l'élément.

Sortir

Méthode 2: Comment ajouter plus d'une ligne dans la balise «»?

Comme le ""Élément, le HTML"»Est également utilisé pour spécifier la zone de texte dans un document HTML. Afin de spécifier le ««De plus d'une ligne, passez par les instructions données.

Étape 1: Ajouter une zone de texte

Suivez le code de la section ci-dessus et ajoutez le «"Élément au lieu du"" élément.

Aussi, ajouter "Lignes" et "collègues" les attributs:

Insérer du texte dans TextArea




Sortir

Note: Afin de coiffer le «»Élément via CSS, suivez la première méthode.

Conclusion

Pour ajouter plus d'une ligne dans HTML ""Type d'élément"textarea», Les utilisateurs peuvent utiliser le«Lignes" et "collègues" les attributs. À cette fin, d'abord, ajoutez le «"Élément avec le type"textarea" attribut. Ensuite, utilisez le «Lignes" et "collègues«Attribut pour accepter la entrée de texte multi-lignes dans la zone de texte. Ce tutoriel a démontré les méthodes pour ajouter plus d'une ligne dans la zone de texte.