Rumah > Artikel > hujung hadapan web > Bagaimanakah kita boleh memaparkan kawasan teks dalam HTML?
Bagaimanakah kita boleh memaparkan kawasan teks dalam HTML?
- 王林ke hadapan
- 2023-08-21 23:25:081922semak imbas
Tugas yang akan kami lakukan dalam artikel ini ialah bagaimana kami memaparkan kawasan teks dalam HTML Mari selami artikel tersebut untuk mendapatkan idea yang jelas tentang cara kami memaparkan kawasan teks.
Teg textarea HTML mentakrifkan kawalan pengeditan teks biasa berbilang baris. Oleh kerana ruang teks boleh memuatkan bilangan aksara yang tidak terhad (biasanya Kurier), teks dipaparkan dalam fon lebar tetap. Dalam borang, kawasan teks sering digunakan untuk mengumpul input pengguna, seperti ulasan atau penilaian. Selepas borang diserahkan, atribut nama akan diperlukan untuk rujukan dalam data borang.
Mari kita lihat contoh berikut untuk mengetahui lebih lanjut tentang cara kita memaparkan kawasan teks dalam HTML.
Contoh 1
Dalam contoh di bawah, kami menggunakan kawalan input berbilang talian.
<!DOCTYPE html>
<html>
<body>
<form action="https://www.tutorialspoint.com/index.htm">
<label for="name">NAME:</label><br>
<input type="text" id="name" name="name"><br>
<p><label for="comment">About Yourself:</label></p>
<textarea id="comment" name="comment" rows="5" cols="35">
I'm from Hyderabad,Telengana
</textarea><br>
<input type="submit" value="Submit">
</form>
</body>
</html>
Semasa menjalankan skrip di atas, tetingkap output muncul, menunjukkan medan input untuk memasukkan nama anda dan kawasan teks untuk memperkenalkan diri anda, serta butang hantar. Jika anda klik butang hantar, borang akan dihantar.
Contoh 2: Menggunakan JavaScript
Memandangkan contoh berikut, kami menjalankan skrip untuk menukar konteks dalam kawasan teks.
<!DOCTYPE html>
<html>
<body>
Address:<br>
<textarea id="tutorial">
kavuri incore 9
Hyderabad
</textarea>
<button type="button" onclick="myFunction()">Click To Change</button>
<script>
function myFunction() {
document.getElementById("tutorial").value = "Madhapur , Telangana";
}
</script>
</body>
</html>
Apabila skrip dilaksanakan, ia menghasilkan output yang mengandungi kawasan teks dengan medan alamat diisi dengan teks dan butang klik untuk tukar
Jika pengguna mengklik butang, teks dalam kawasan teks akan ditukar.
Terjemahan bahasa Cina bagiContoh 3
ialah:Contoh 3
Mari kita pertimbangkan contoh lain, kita menggunakan teg textarea
<!DOCTYPE html>
<html>
<head>
<title>HTML textarea Tag</title>
</head>
<body>
<form action = "/cgi-bin/hello_get.cgi" method = "get">
Enter subjects
<br/>
<textarea rows = "5" cols = "50" name = "description"></textarea>
<input type = "submit" value = "submit" />
</form>
</body>
</html>
Apabila skrip dilaksanakan, tetingkap output akan muncul, memberikan jenis input untuk textara bersama-sama dengan butang hantar.
Atas ialah kandungan terperinci Bagaimanakah kita boleh memaparkan kawasan teks dalam HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!