In diesem Artikel erfahren Sie, wie Sie die Anzahl der sichtbaren Zeilen in einem Textbereich in HTML festlegen. Das HTML-Element
Das Folgende ist die Syntax zum Festlegen der Anzahl sichtbarer Zeilen in einem Textbereich -
<textarea rows = "value">
Verwenden Sie das HTML-Attribut textarea rows, um die Anzahl der angezeigten Zeilen oder sichtbaren Textzeilen des Steuerelements anzugeben. Darüber hinaus gibt es die sichtbare Höhe des Textbereichs an.
Das Folgende ist ein Beispiel für die Einstellung der Anzahl sichtbarer Zeilen in einem HTML-Textbereich.
Im folgenden Beispiel verwenden wir das
<!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>
Wenn das obige Skript ausgeführt wird, generiert es eine Ausgabe, die aus dem Text im Textarea-Feld besteht und die Zeilen sichtbar macht, die mit der Textarea-Zeileneigenschaft erhalten wurden.
Im folgenden Beispiel führen wir ein Skript aus, um Linien in einem Textbereich sichtbar zu machen.
<!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>
Wenn Sie das obige Skript ausführen, wird eine Ausgabe generiert, die ein mit Text gefülltes Textfeld sowie die Eingabeaufforderung und die Schaltfläche zum Klicken auf der Webseite enthält.
Wenn der Benutzer auf die Schaltfläche klickt, wird dieses Ereignis ausgelöst und erhöht die Anzahl der sichtbaren Zeilen im Textbereich.
Im folgenden Beispiel verwenden wir das Zeilenattribut
<!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>
Wenn das Skript ausgeführt wird, generiert es eine Ausgabe, die ein Textfeld enthält, in das der Benutzer den genannten Text eingeben kann, und ein Zeilenattribut, das die Sichtbarkeit der Zeilen auf der Webseite ermöglicht.
Das obige ist der detaillierte Inhalt vonWie können wir die Anzahl der sichtbaren Zeilen eines Textbereichs in HTML festlegen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!