HTML DOM Textarea cols attribuent
objet Textarea Définition et utilisation
ensembles de propriétés cols ou retourne la zone de texte la largeur des colonnes de caractères.
grammaire
Réglage des attributs cols:
textareaObject.cols="number"
Retour cols attributs:
textareaObject.cols
| 值 | 描述 |
|---|---|
| number | 指定文本框的宽度。默认为20。 |
support du navigateur
Tous les principaux navigateurs prennent en charge l'attribut cols
Exemples
Exemples
L'exemple suivant modifie la largeur de la zone de texte:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>本教程(w3big.com)</title>
<script>
function displayResult()
{
var textarea=document.getElementById("myTextarea");
textarea.cols=document.getElementById("myInput").value;
}
</script>
</head>
<body>
<textarea id="myTextarea" cols="20">
在本教程，你可以学多很多编程的基础知识，包括 HTML, XML, SQL, ASP, 和 PHP 等各种前端内容。
</textarea>
<br>
<p>设置 cols 属性值：<input type="text" id="myInput" value="60">
<button type="button" onclick="displayResult()">修改 cols 属性</button></p>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>本教程(w3big.com)</title>
<script>
function displayResult()
{
var textarea=document.getElementById("myTextarea");
textarea.cols=document.getElementById("myInput").value;
}
</script>
</head>
<body>
<textarea id="myTextarea" cols="20">
在本教程，你可以学多很多编程的基础知识，包括 HTML, XML, SQL, ASP, 和 PHP 等各种前端内容。
</textarea>
<br>
<p>设置 cols 属性值：<input type="text" id="myInput" value="60">
<button type="button" onclick="displayResult()">修改 cols 属性</button></p>
</body>
</html>
objet Textarea