Elemen textarea mencipta kawasan atau ruang yang ditentukan menggunakan atribut seperti kol, baris atau kedua-duanya. Penggayaan CSS dan sifat ketinggian dan lebar boleh memformat rupa dan rasa.
Sintaks:
<textarea rows="3" cols="20"> Enter your text here... </textarea>
Untuk memahami kerja elemen kawasan teks dengan lebih lanjut, lihat contoh berikut yang mempunyai
Kod:
<form> <p>Leave your Comment:</p> <br /> <textarea id="ta" cols="60" rows="5"> Write Here...</textarea></form>
Output:
Contoh di atas adalah mudah, menunjukkan ciri
Baris dan kol membolehkan pengaturcara menetapkan nilai sempadan untuk saiz kawasan teks, ruang tepat yang akan diperoleh oleh kawasan teks. Menggunakan atribut ini membantu dalam sokongan merentas pelayar dan ketekalan format kerana lalai penyemak imbas boleh berbeza.
Kod:
<!DOCTYPE html> <html> <head> <title> Textarea HTML Tag Demo </title> </head> <body> <form> <p>Fill the Detail:</p> <br /> <textarea rows="5" cols="40" name="demo" maxlength="60" minlength="10" required="required">Enter your name</textarea> <br /> <input type="submit" name="Submit" value="Submit" /> </form> </body> </html>
Output:
Contoh di atas menunjukkan satu lagi set sifat yang digunakan bersama
Atribut panjang maksimum telah ditambahkan dalam HTML5; HTML tidak menyokong atribut ini. Kawasan teks memerlukan sekurang-kurangnya 10 aksara seperti yang ditetapkan oleh sifat 'minlength'. Atribut 'diperlukan' menunjukkan bahawa pengguna tidak boleh membiarkan kawasan teks kosong untuk dianggap sah dan diserahkan. Ia adalah pengesahan mudah untuk teg.
Kod:
<form id="Form1"> <label>Textarea Box 1</label> <br /> <textarea rows="5" cols="40" name="demo" maxlength="60" minlength="10" disabled="disabled"> This is Disabled</textarea> <br /> <label>Textarea Box 2</label> <br /> <textarea rows="5" cols="40" required="required"></textarea> <br /> <label>Textarea Box 3</label> <br /> <textarea rows="5" cols="40" placeholder="This is readonly textarea" readonly="readonly"></textarea> <br /> <input type="submit" name="Submit" value="Submit" /> </form>
Output:
Perhatikan bahawa kawasan teks 'Kotak Textarea 2' ialah kawasan teks yang diperlukan, manakala 'Kotak Textarea 1' dilumpuhkan.
Kod:
<form id="label2" action="textareaDemo.html"> <fieldset> <legend><b>Form 2</b></legend> <input type="text" name="FN" value="Name" /> <br /> <input type="submit" name="Submit" value="Submit" /> <br /> </fieldset> </form> <textarea rows="5" cols="40" form="label2" required="required"></textarea> <br /> <p>Above Text Area belongs to 'Form 2'</p>
Output:
Perhatikan output di bawah. Kotak textarea di bawah ialah medan 'diperlukan' dan seperti yang dinyatakan dalam kod di atas, medan ini dikaitkan dengan borang 'Borang 2'. Oleh itu, apabila kami cuba menyerahkan borang dengan kawasan teks kosong, ia menunjukkan amaran.
Atas ialah kandungan terperinci TextArea Tag dalam HTML. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!