Maison > interface Web > tutoriel HTML > Comment définir la taille de la zone de texte HTML

Comment définir la taille de la zone de texte HTML

青灯夜游
Libérer: 2021-12-13 16:09:37
original
13841 Les gens l'ont consulté

Méthode de configuration : 1. Définissez les attributs de colonnes et de lignes pour la zone de texte, la syntaxe est "" 2. Ajoutez "width : valeur de largeur ; hauteur : valeur de hauteur ; "style.

Comment définir la taille de la zone de texte HTML

L'environnement d'exploitation de ce tutoriel : système Windows7, version CSS3&&HTML5, ordinateur Dell G3.

html textarea set size

La zone de texte peut contenir une quantité illimitée de texte et la police par défaut du texte est une police à largeur fixe (généralement Courier).

<textarea>我是一个文本框。</textarea>
Copier après la connexion

Comment définir la taille de la zone de texte HTML

Vous pouvez spécifier la taille de la zone de texte via les attributs cols et rows, mais une meilleure façon consiste à utiliser les attributs CSS height et width.

1. Utilisez les attributs cols et rows

  • cols : Spécifie la largeur visible dans la zone de texte.

  • rows : Spécifie le nombre de lignes visibles dans la zone de texte, c'est-à-dire la hauteur.

<textarea rows="10" cols="30">我是一个文本框。</textarea>
Copier après la connexion

Comment définir la taille de la zone de texte HTML

2. Utilisez les attributs CSS de hauteur et de largeur

<textarea   style="max-width:90%">我是一个文本框。</textarea>
Copier après la connexion

Comment définir la taille de la zone de texte HTML

Tutoriel recommandé : "Tutoriel vidéo 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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal