Rumah > Artikel > hujung hadapan web > Bagaimanakah kita boleh menetapkan bilangan baris yang boleh dilihat bagi kawasan teks dalam HTML?
Bagaimanakah kita boleh menetapkan bilangan baris yang boleh dilihat bagi kawasan teks dalam HTML?
- WBOYke hadapan
- 2023-09-16 22:41:03829semak imbas
Artikel ini akan mengajar anda cara menetapkan bilangan baris yang boleh dilihat dalam kawasan teks dalam HTML. Elemen HTML
Tatabahasa
Berikut ialah sintaks untuk menetapkan bilangan baris yang boleh dilihat dalam kawasan teks -
<textarea rows = "value">
Gunakan atribut baris textarea HTML untuk menentukan bilangan baris yang dipaparkan atau baris teks yang boleh dilihat bagi kawalan. Selain itu, ia menentukan ketinggian kawasan teks yang boleh dilihat.
Berikut ialah contoh menetapkan bilangan baris yang boleh dilihat dalam kawasan teks HTML.
Contoh 1
Dalam contoh di bawah, kami menggunakan atribut
<!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>
Apabila skrip di atas dilaksanakan, ia akan menjana output yang terdiri daripada teks dalam medan textarea, menjadikan baris yang diperolehi dengan menggunakan sifat baris textarea boleh dilihat.
Contoh 2: Menggunakan Javascript
Dalam contoh di bawah, kami menjalankan skrip untuk membuat baris kelihatan dalam kawasan teks.
<!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>
Apabila anda menjalankan skrip di atas, ia akan menghasilkan output yang mengandungi medan textarea yang diisi dengan teks bersama dengan butang gesaan dan klik pada halaman web.
Apabila pengguna mengklik butang, acara ini dicetuskan dan meningkatkan bilangan baris yang boleh dilihat dalam kawasan teks.
Contoh 3
Dalam contoh di bawah, kami menggunakan atribut
<!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>
Apabila skrip dilaksanakan, ia akan menjana output yang mengandungi medan textarea untuk pengguna memasukkan teks yang disebutkan, dan atribut baris yang membolehkan baris kelihatan pada halaman web.
Atas ialah kandungan terperinci Bagaimanakah kita boleh menetapkan bilangan baris yang boleh dilihat bagi kawasan teks dalam HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!