Maison > Article > interface Web > Comment définir le nombre de lignes visibles d’une zone de texte en HTML ?
Comment définir le nombre de lignes visibles d’une zone de texte en HTML ?
- WBOYavant
- 2023-09-16 22:41:03882parcourir
Cet article vous apprendra comment définir le nombre de lignes visibles dans une zone de texte en HTML. L'élément HTML
Grammaire
Voici la syntaxe pour définir le nombre de lignes visibles dans une zone de texte -
<textarea rows = "value">
Utilisez l'attribut HTML textarea rows pour spécifier le nombre de lignes affichées ou de lignes de texte visibles du contrôle. De plus, il spécifie la hauteur visible de la zone de texte.
Ce qui suit est un exemple de définition du nombre de lignes visibles dans une zone de texte HTML.
Exemple 1
Dans l'exemple ci-dessous, nous utilisons l'attribut
<!DOCTYPE html>
<html>
<body>
<textarea rows="7" cols="25">
Doorno:11/2
kavuri hills phase2
madhapur,hyderabad
telangana
</textarea>
<input type = "submit" value = "submit" />
</body>
</html>
Lorsque le script ci-dessus est exécuté, il générera une sortie composée du texte dans le champ textarea, rendant visibles les lignes obtenues en utilisant la propriété textarea row.
Exemple 2 : Utilisation de Javascript
Dans l'exemple ci-dessous, nous exécutons un script pour rendre les lignes visibles dans une zone de texte.
<!DOCTYPE html>
<html>
<body>
<textarea id="mytutorial" rows="6" cols="50">
Mahendra Singh Dhoni is an Indian former professional cricketer
who was captain of the Indian national cricket team in limited-overs
formats from 2007 to 2017 and in Test cricket from 2008 to 2014.
</textarea>
<p>Click To Change Number Of Visible Rows</p>
<button type="button" onclick="mytutorial1()">Click</button>
<script>
function mytutorial1() {
document.getElementById("mytutorial").rows = "10";
}
</script>
</body>
</html>
Lorsque vous exécutez le script ci-dessus, il génère une sortie contenant un champ de zone de texte rempli de texte ainsi que l'invite et cliquez sur le bouton sur la page Web.
Lorsque l'utilisateur clique sur le bouton, cet événement est déclenché et augmente le nombre de lignes visibles dans la zone de texte.
Exemple 3
Dans l'exemple ci-dessous, nous utilisons l'attribut
<!DOCTYPE html>
<html>
<head>
<title>HTML rows attribute</title>
</head>
<body>
<form action = "/cgi-bin/hello_get.cgi" method = "get">Enter subject<br />
<textarea rows = "5" cols = "50" name = "description"></textarea><br>
<input type = "submit" value = "submit" />
</form>
</body>
</html>
Lorsque le script est exécuté, il générera une sortie contenant un champ de zone de texte permettant à l'utilisateur de saisir le texte mentionné et un attribut de ligne qui permet aux lignes d'être visibles sur la page Web.
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!