برچسب <textarea> HTML
- صفحه قبلی <template>
- صفحه بعدی <tfoot>
تعریف و استفاده
<textarea> تگ‌ها برای تعریف کنترل ورودی متنی چند خطه استفاده می‌شوند.
<textarea> عناصر معمولاً در فرم‌ها استفاده می‌شوند، برای جمع‌آوری ورودی کاربران، مانند نظرات یا نظرات.
منطقه متن می‌تواند تعداد نامحدودی از کاراکترها را شامل شود و متن به صورت فونت هم‌اندازه (معمولاً Courier) نمایش داده می‌شود.
اندازه منطقه‌ی متن‌نویسی توسط ویژگی‌های cols و rows (یا استفاده از CSS) مشخص می‌شود.
پس از ارسال فرم، باید ویژگی name برای ارجاع به داده‌های فرم استفاده شود (اگر ویژگی name را حذف کنید، داده‌های منطقه‌ی متن‌نویسی ارسال نخواهند شد).
لازم است ویژگی id برای ارتباط منطقه‌ی متن‌نویسی با برچسب (label) استفاده شود.
توضیح:لطفاً همیشه اضافه کنید <label> برچسب‌ها برای بهبود عملکرد دسترسی بهتر مراجعه کنید!
لطفاً به:
دستورالعمل HTML DOM:آبجکت Textarea
آموزش CSS:تنظیمات استایل فرم
مثال
مثال 1
یک کنترل ورودی چند خطی (منطقه‌ی متن‌نویسی):
<label for="w3review">نظرات CodeW3C.com:</label> <textarea id="w3review" name="w3review" rows="4" cols="50"> در codew3c.com، شما یاد می‌گیرید که چگونه وب‌سایت‌ها را توسعه دهید. آن‌ها تمام آموزش‌های رایگان فناوری توسعه وب را ارائه می‌دهند. </textarea>
مثال 2
گزینه‌های تنظیمات پیش‌فرض تغییر اندازه را غیرفعال کنید:
<html>
<head>
<style>
textarea {
resize: none;
}
</style>
</head>
<body>
<label for="w3review">نظرات CodeW3C.com:</label>
<textarea id="w3review" name="w3review" rows="4" cols="50">
در codew3c.com، شما یاد می‌گیرید که چگونه وب‌سایت‌ها را توسعه دهید. آن‌ها تمام آموزش‌های رایگان فناوری توسعه وب را ارائه می‌دهند.
</textarea>
</body>
</html>
ویژگی
| ویژگی | مقدار | توضیح |
|---|---|---|
| autofocus | autofocus | محدودیت دریافت خودکار تمرکز در منطقه‌ی متن‌نویسی در زمان بارگذاری صفحه را مشخص می‌کند. |
| cols | عدد | محدودیت عرض قابل مشاهده منطقه‌ی متن‌نویسی را مشخص می‌کند. |
| dirname | textareaname.dir | محدودیت جهت نوشتن متن در منطقه‌ی متن‌نویسی که باید ارسال شود را مشخص می‌کند. |
| disabled | disabled | محدودیت غیرفعال کردن منطقه‌ی متن‌نویسی را مشخص می‌کند. |
| form | id فرم | فرم مربوطه‌ی منطقه‌ی متن‌نویسی را مشخص می‌کند. |
| maxlength | عدد | محدودیت تعداد بیشینه‌ی کاراکترها در منطقه‌ی متن‌نویسی را مشخص می‌کند. |
| name | متن | نام منطقه‌ی متن‌نویسی را مشخص می‌کند. |
| placeholder | متن | محدودیت توضیح کوتاهی از ارزش پیش‌بینی شده منطقه‌ی متن‌نویسی را مشخص می‌کند. |
| readonly | readonly | محدودیت تنها خواندنی بودن منطقه‌ی متن‌نویسی را مشخص می‌کند. |
| required | required | محدودیت الزام‌پذیری منطقه‌ی متن‌نویسی را مشخص می‌کند. |
| rows | عدد | محدودیت تعداد خطوط قابل مشاهده در منطقه‌ی متن‌نویسی را مشخص می‌کند. |
| چرخش |
|
محدودیت نحوه خط‌بری متن در منطقه‌ی متن‌نویسی در زمان ارسال فرم را مشخص می‌کند. |
ویژگی‌های جهانی
<textarea> برچسب‌ها از ویژگی‌های رویداد پشتیبانی می‌کنند ویژگی‌های جهانی در HTML.
ویژگی‌های رویداد
<textarea> برچسب‌ها از ویژگی‌های رویداد پشتیبانی می‌کنند ویژگی‌های رویداد در HTML.
تنظیمات CSS پیش‌فرض
بدون.
پشتیبانی مرورگر
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی |
- صفحه قبلی <template>
- صفحه بعدی <tfoot>
