<textarea>
Misol
Ko‘p qatorli matn kiritish elementi (matn maydoni):
<label for="w3review">Review of W3Schools:</label>
<textarea id="w3review" name="w3review" rows="4" cols="50">
At w3schools.com you will learn how to make a website. They offer free tutorials in all web development technologies.
</textarea>
O‘zingiz sinab ko‘ring »
Quyida ko‘proq "O‘zingiz sinab ko‘ring" misollari keltirilgan.
Ta’rif va qo‘llanilishi
<textarea> tegi ko‘p qatorli matn kiritish elementini belgilaydi.
<textarea> elementi ko‘pincha formada izohlar yoki sharhlar kabi foydalanuvchi kiritgan ma’lumotlarni yig‘ish uchun ishlatiladi.
Matn maydoni cheksiz miqdordagi belgilarni saqlashi mumkin va matn qat’iy kenglikdagi shriftda (odatda Courier) ko‘rsatiladi.
Matn maydonining o‘lchami cols va rows atributlari (yoki CSS) orqali belgilanadi.
name atributi forma yuborilgandan keyin forma ma’lumotlariga murojaat qilish uchun kerak (agar
name atributini tushirib qoldirsangiz, matn maydonidagi hech qanday ma’lumot yuborilmaydi).
id atributi matn maydonini yorliq (label) bilan bog‘lash uchun kerak.
Maslahat: Qulaylik (accessibility) bo‘yicha eng yaxshi amaliyotlarga rioya qilish uchun har doim <label> tegini qo‘shing!
Brauzerlarda qo‘llab-quvvatlash
| Element | |||||
|---|---|---|---|---|---|
| <textarea> | Ha | Ha | Ha | Ha | Ha |
Atributlar
| Atribut | Qiymat | Tavsif |
|---|---|---|
| autofocus | autofocus | Sahifa yuklanganda matn maydoni avtomatik ravishda fokus olishi kerakligini belgilaydi |
| cols | number | Matn maydonining ko‘rinadigan kengligini belgilaydi |
| dirname | textareaname.dir | Textarea’ning matn yo‘nalishi yuborilishini belgilaydi |
| disabled | disabled | Matn maydoni faolsizlantirilgan bo‘lishi kerakligini belgilaydi |
| form | form_id | Matn maydoni qaysi formaga tegishli ekanini belgilaydi |
| maxlength | number | Matn maydonida ruxsat etilgan belgilarning maksimal sonini belgilaydi |
| name | text | Matn maydoni uchun nomni belgilaydi |
| placeholder | text | Matn maydonining kutilayotgan qiymatini tavsiflovchi qisqa maslahatni belgilaydi |
| readonly | readonly | Matn maydoni faqat o‘qish uchun bo‘lishi kerakligini belgilaydi |
| required | required | Matn maydoni majburiy ekanini / to‘ldirilishi shartligini belgilaydi |
| rows | number | Matn maydonidagi ko‘rinadigan qatorlar sonini belgilaydi |
| wrap | hard soft |
Formada yuborilganda matn maydonidagi matn qanday o‘ralishini (wrap) belgilaydi |
Global atributlar
<textarea> tegi HTML’dagi global atributlarni ham qo‘llab-quvvatlaydi.
Hodisa atributlari
<textarea> tegi HTML’dagi hodisa atributlarini ham qo‘llab-quvvatlaydi.
Ko‘proq misollar
Misol
Standart o‘lcham o‘zgartirish imkoniyatini o‘chirish:
<html>
<head>
<style>
textarea {
resize: none;
}
</style>
</head>
<body>
<label for="w3review">Review of W3Schools:</label>
<textarea id="w3review" name="w3review" rows="4" cols="50">
At w3schools.com you will learn how to make a website. They offer free tutorials in all web development technologies.
</textarea>
</body>
</html>
O‘zingiz sinab ko‘ring »
Tegishli sahifalar
HTML DOM ma’lumotnomasi: Textarea obyekti
CSS darsligi: Formalarni bezash
Standart CSS sozlamalari
Yo‘q.
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!