Bagaimanakah kita boleh memaparkan kawasan teks dalam HTML?-html tutorial-php.cn

Bagaimanakah kita boleh memaparkan kawasan teks dalam HTML?

王林

Lepaskan： 2023-08-21 23:25:08

ke hadapan

2000 orang telah melayarinya

Bagaimanakah kita boleh memaparkan kawasan teks dalam HTML?

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>

Salin selepas log masuk

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>

Salin selepas log masuk

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 bagi

Contoh 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>

Salin selepas log masuk

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!