Quels sont les attributs de la balise textarea en HTML ?-tutoriel HTML-php.cn

Quels sont les attributs de la balise textarea en HTML ?

coldplay.xixi

Libérer： 2022-12-30 11:13:01

original

25021 Les gens l'ont consulté

Les attributs de la balise textarea en HTML sont : 1. cols est la colonne verticale ; 2. name, le nom de la zone de texte ; 3. warp, quand [warp="off"] signifie que le la zone de texte n'est pas automatiquement renvoyée à la ligne ; 4. lignes colonnes horizontales ; 5. la classe est généralement utilisée pour appeler les paramètres dans les CSS externes.

L'environnement d'exploitation de cet article : Acer S40-51, HBuilder >

Les attributs de la balise textarea en HTML sont :

, colonne verticale. En l'absence de paramètres de feuille de style, il représente le nombre d'octets pouvant être logés dans une ligne. Par exemple, cols=60 signifie qu'une ligne peut contenir jusqu'à 60 octets, soit 30 caractères chinois. Une autre chose à noter est que la largeur de la zone de texte est ajustée via ceci. Entrez la valeur de cols, puis définissez la taille de la police du texte d'entrée (si elle n'est pas définie, la valeur par défaut sera utilisée), puis la largeur de. la zone de texte sera déterminée. 2,

, colonne horizontale. Indique le nombre de lignes pouvant être affichées. Par exemple, rows=10 signifie que 10 lignes peuvent être affichées. S'il y a plus de 10 lignes, vous devez faire glisser la barre de défilement pour parcourir. (Comme ci-dessus, la hauteur de la zone de texte est contrôlée via cela.)

cols3, le nom de la zone de texte, cet élément est essentiel car il doit être utilisé lors du stockage du texte.

4. rows, lorsque warp="off" signifie que la zone de texte ne sera pas automatiquement renvoyée à la ligne. Bien sûr, si elle n'est pas écrite, elle sera automatiquement renvoyée à la ligne par défaut. Ce paramètre est généralement utilisé moins fréquemment.

5. name, c'est un paramètre très pratique qui peut être utilisé pour définir la couleur de fond de la zone de texte, la couleur et la forme de la barre de défilement, la couleur de la bordure, la taille et la couleur de la police d'entrée, etc.

6. warp est généralement utilisé pour appeler des paramètres en CSS externe.

Exemple 1 : Fixez le nombre de lignes de la zone de texte à 40 et le nombre de colonnes à 10. Le nom est du texte. Forme d'expression style

<textarea cols=40 rows=10 name=text></textarea>

Copier après la connexion

Exemple 2 : Annulez la barre de défilement sur le côté droit de la zone de texte. L'expression

<textarea cols=40 rows=10 name=text style="overflow:auto"></textarea>。style="overflow:auto"

Copier après la connexion

class signifie que la barre de défilement s'affichera automatiquement lorsque le texte saisi dépasse le nombre de lignes défini.

Exemple 3 : Définissez la couleur d'arrière-plan de la zone de texte.

<textarea cols=40 rows=10 name=text style="background-color:BFCEDC"></textarea>

Copier après la connexion

Exemple 4 : De plus, la définition de la couleur de la barre de défilement, de la couleur de la bordure, de la taille de la police, de la couleur, de l'espacement des lignes, etc. de la zone de texte peut être définie directement dans le style. Cependant, ceux-ci sont généralement définis en CSS et peuvent être appelés directement.

Ce qui suit est un morceau de code de paramétrage CSS : il devrait être plus facile à comprendre. Ce qui est défini dans la zone de texte est la couleur d'arrière-plan de la zone de texte, la couleur et l'épaisseur du haut, du bas, de la gauche et. bordures droites et taille de la police d'entrée, etc.

<style>
.textbox { BACKGROUND: #BFCEDC; BORDER-TOP: #7F9DB9 1px solid; BORDER-LEFT: #7F9DB9 1px solid; BORDER-RIGHT: #7F9DB9 1px solid; BORDER-BOTTOM: #7F9DB9 1px solid; FONT-FAMILY: "宋体", "Verdana", "Arial", "Helvetica"; FONT-SIZE: 12px; TEXT-ALIGN: LIFT;}
</style>

Copier après la connexion

Insérez le code ci-dessus entre les caractères et

Méthode d'appel :

<textarea cols=40 rows=10 name=text class="textbox"></textarea>

Copier après la connexion

Le nom dans class="" correspond au nom du paramètre à utiliser en css. Une fois familiarisé avec ces paramètres, il sera très pratique de modifier et d’embellir la zone de saisie de texte.

Exemple :

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网</title>
<script>
function displayResult()
{
    alert(document.getElementById("myTextarea").value);
}
</script>
</head>
<body>
<textarea id="myTextarea" cols="20">
在php中文网，你可以学多很多编程的基础知识，包括 HTML, XML, SQL, 和 PHP 等各种前端内容。
</textarea>
<br>
<button type="button" onclick="displayResult()">弹出 textarea 元素的文本</button>
</body>
</html>

Copier après la connexion

Si vous souhaitez en savoir plus sur la programmation, faites attention à la rubrique

formation php

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!