Dalam HTML, kita boleh mencipta borang dengan bantuan pelbagai elemen untuk menerima dan menyimpan maklumat yang dimasukkan oleh pengguna. Elemen ini juga dipanggil elemen bentuk, seperti: medan teks (kotak teks), butang radio, kotak semak, kotak lungsur atau kombo, set semula dan butang serahkan.
TextArea adalah salah satu elemen yang boleh dicipta dalam bentuk. Kawasan teks digunakan sebagai kawalan berbilang baris di mana pengguna boleh memasukkan data dalam berbilang baris dan lajur.
Kawalan TextArea digunakan untuk memasukkan nota, cadangan, maklumat alamat, teks e-mel, ulasan, dll. Saiz teks lebih besar daripada medan teks biasa kerana medan teks ialah kawalan input satu baris dan memerlukan satu baris data.
Mari kita fahami kod HTML asas untuk mencipta kawasan teks dengan lebar dan ketinggian lalai.
<html> <head><title>Feedback Form..</title> <style> h1{font-family:Algerian;font-size:20;color:blue;text-align:center} </style> </head> <body> <h1>Feedback Form..</h1> <form id="feedback_form"> <label for="label1">Enter your feedback here:</label> <textarea id="t1"> </textarea> </form> </body> </html>
Untuk menetapkan lebar dan tinggi kawasan teks pilihan anda sendiri, anda menentukan bilangan baris dan lajur yang dikehendaki. Untuk melakukan ini, kita boleh memanfaatkan atribut baris dan kol bagi teg
<html> <head><title>Feedback Form..</title> <style> h1{font-family:Algerian;font-size:20;color:blue;text-align:center} </style> </head> <body> <h1>Feedback Form..</h1> <form id="feedback_form"> <table> <tr> <td> <label for="label1">Enter your feedback:</label> </td> <td> <textarea id="t1" rows="10" cols="24">Type your valueable feedback here: </textarea> </td> </tr> </table> </form> </body> </html>
Apabila maklumat yang dimasukkan dalam kawasan teks melebihi ketinggiannya, bar skrol menegak akan diaktifkan secara automatik.
NOTA - Secara lalai, kita boleh memasukkan data sehingga 5,24,288 aksara dalam kawasan teks.
Dalam sesetengah kes, terdapat keperluan untuk mengehadkan saiz aksara yang boleh ditaip dalam kawasan teks. Jadi, dalam kes ini, kita boleh menggunakan atribut maxlength untuk mengawal bilangan aksara yang dimasukkan dalam kawasan teks.
Andaikan, dalam laman web di mana seseorang memasukkan pengalaman, artikel atau ucapannya, mesti ada had tertentu pada bilangan aksara. Oleh itu, pereka web boleh menggunakan atribut maxlength untuk mengehadkan bilangan aksara yang ditaip dalam kawasan teks. Mari kita fahami dengan contoh -
<html> <body> <form id="feedback_form"> <label for="label1">Enter your feedback (150 words):</label> <textarea id="t1" maxlength="150"> </textarea> </form> </body> </html>
Dalam program ini, had aksara hanya ditetapkan kepada 150 aksara, bermakna ia akan berhenti menaip kerana kita tidak dibenarkan menaip lebih daripada "150" aksara.
Kami telah membincangkan di atas bahawa atribut cols boleh menentukan lebar kawasan teks, yang bermaksud kita boleh memasukkan bilangan maksimum lajur, tetapi jika kita menggunakan atribut cols dan maxlength bersama-sama dalam teg