تگ textarea در HTML
مثال (تگ textarea در HTML)
text area در HTML:
<textarea rows="4" cols="50">
At w3schools.com you will learn how to make a website. We offer free tutorials in all web development technologies.
</textarea>
At w3schools.com you will learn how to make a website. We offer free tutorials in all web development technologies.
</textarea>
خودتان امتحان کنید »
تعریف و کاربرد تگ textarea در HTML
تگ <textarea> کنترل ورودی متن چند خطه تعریف می کند.
یک text area می تواند تعدادی کاراکتر نامحدود را در خود نگه دارد، و متن در یک پهنای فونت ثابت ارائه می شود.
اندازه یک متن را می توان با خصوصیت های cols و rows مشخص کرد، و یا حتی بهتر از طریق CSS ارتفاع و عرض را مشخص کرد.
پشتیبانی مرورگرها از تگ textarea در HTML
| عنصر | |||||
|---|---|---|---|---|---|
| <textarea> | بله | بله | بله | بله | بله |
تفاوت بین HTML 4.01 و HTML5
چندین ویژگی جدید در HTML5 اضافه شده است.
خصوصیت ها
= جدید در HTML5.
| خصوصیت | مقدار | توضیحات |
|---|---|---|
| autofocus | autofocus | این خصوصیت باعث می شود که بعد از لود شدن صفحه، مکان نما بصورت پیشفرض روی آن فیلد قرار گیرد. |
| cols | number | پهنا را برای text area مشخص می کند. |
| disabled | disabled | مشخص می کند که text area باید به صورت غیر فعال باشد. |
| form | form_id | این خصوصیت فرم یا فرم هایی که فیلد مورد نظر به آن ها تعلق دارد را مشخص می کند. |
| maxlength | number | تعداد maximum کاراکتری که عنصر text area در خود جای می دهد. |
| name | text | یک name برای text area مشخص می کند. |
| placeholder | text | یک عبارت را به صورت کم رنگ در داخل فیلد ورودی می نویسد که با فوکوس روی آن فیلد از بین می رود و فیلد خالی می شود. |
| readonly | readonly | مشخص می کند که text area فقط خواندنی است. |
| required | required | مشخص می کند که پر کردن text area قبل از ارسال فرم باید انجام شود. |
| rows | number | تعداد سطرهای قابل مشاهده در text area را مشخص می کند. |
| wrap | hard soft |
Specifies how the text in a text area is to be wrapped when submitinted a form |
ویژگی های عمومی تگ textarea در HTML
تگ <textarea> از ویژگی های عمومی در HTML پشتیبانی می کند.
رویدادهای عمومی تگ textarea در HTML
تگ <textarea> از رویدادهای عمومی در HTML پشتیبانی می کند.
آموزش های مرتبط
مرجع اشیاء اچ تی ام ال: تگ textarea در JavaScript
- نوشته شده توسط سمیه فخری
- بازدید: 15521
دیدگاه‌ها
سلام من می خواستم بدونم که چجوری یه کاری کنم که text area فقط در جهت عمودی قابل تغییر باشه و در جهت افقی تغییر نکنه؟؟؟؟
سلام. برای اینکه text-area به صورت عمودی حرکت کند، از کد css زیر استفاده کنید:
resize: vertical
به مثال زیر توجه کنید:
https://codepen.io/sbaloot3/pen/oNbZMOQ
ضمن عرض سلام و خسته نباشید
میخواستم بدونم تفاوت خصوصیت form و id چیه؟
و برای ارتباط دادن فیلد مورد نظر با فرم مورد نظر باید در قسمت form از تگ id استفاده کرد؟
و در فیلد مورد نظر باید از خصوصیت "form="id_form استفاده کرد یا خصوصیت "id="id_form؟
با سلام خدمت شما دوست عزیز و گرامی
سوالتون خیلی واضح نیستش دقیقا مشکلتون کجاست دقیق بگید تا بهتون بگم
سلام وقت بخیر البته یک سری کد هم برای کامنت قبلی درج کرده بودم ولی نیومد!
میخواستم با استفاده از خصوصیت form، فیلد ها رو به فرم مورد نظرم ارتباط بدم حالا میخواستم ببینم اول باید داخل تگ form، یک id تعریف کنم و در فیلد مورد نظرم از خصوصیت form برای این ارتباط استفاده کنم یا به صورت دیگه ای هست؟
با سلام و تشکر
برای ارسال فرم شما نیاز دارید به کنترلها name بدید. برای دریافت مقادیر کنترلها در یک فرم در صفحه مقصد نیازی به id نیست.
همچنین شما نیاز دارید که در سمت سرور این پردازش رو انجام بدید. بنابراین باید در سمت سرور توسط یکی از زبان های سمت سرور فرم رو خونده و مقادیر رو آنالیز کنید.
به طور مثال برای ارسال فرم در PHP با توجه به اینکه شما از متد get یا post استفاده کردید، مقادیر کنترلها توسط متغیرهای سراسری GET_$ یا POST_$ در دسترسی خواهند بود.