در اکثر موارد برای توضیحات که متن های طولانی را در بر می گیرد. از تگ textarea در HTML مورد استفاده قرار می گیرد که قابلیت اسکرول را دارد. در این تگ قادر به تعیین سطر و ستون پیشفرض هستید که بعد از آن برای تایپ و مشاهده با استفاده از اسکرول ، بالا و پایین نمایید. استفاده از تگ textarea در بسیاری از افزونه و تمپلیت ها استفاده می گردد که با استفاده از CSS اقدام به تغییر ظاهری آن می نمایند.

تگ textarea در HTML

استفاده از تگ textarea بسیار ساده و با یک تگ باز و بسته قابل استفاده است. خاصیت هایی همچون rows و cols نیز بیانگر تعداد سطر و ستون آن می باشد.

<textarea id="nemayman" name="nemayman" rows="4" cols="50">
این یک متن آزمایشی است که درون تگ تکست آریا زبان اچ تی ام ال نوشته شده است.
</textarea>

کد بالا در هر جای سایت قرار دهید، قادرید خروجی را مشاهده نمایید. در کد بالا سطر 4 و ستون 50 ارائه گردیده که الباقی آن به صورت اسکرول قابل استفاده است.

شایان ذکر است که همواره تگ textarea توسط کاربران قادر به کوچک و بزرگ نمایی هستند. از این رو در صورت عدم تمامیل به این موضوع، نیاز است که با استفاده از Css این ویژگی را غیر فعال نمایید.

همچنین در این تگ شرایط برای تعیین طول کاراکتر های مورد استفاده وجود دارد. در ویژگی های زیر قادر به دریافت اطلاعات بیشتر هستید.

ویژگی های تگ <textarea>

AttributeValueDescription
autofocusautofocusمشخص می کند که یک ناحیه متنی باید به طور خودکار هنگام بارگیری صفحه فوکوس شود.
colsnumberعرض قابل مشاهده یک ناحیه متنی را مشخص می کند.
dirnametextareaname.dirمشخص می کند که جهت متن ناحیه متنی ارسال خواهد شد.
disableddisabledمشخص می کند که یک ناحیه متنی باید غیرفعال شود.
formform_idمشخص می کند که ناحیه متن به کدام فرم تعلق دارد.
maxlengthnumberحداکثر تعداد کاراکترهای مجاز در ناحیه متن را مشخص می کند.
nametextیک نام برای یک ناحیه متنی مشخص می کند.
placeholdertextیک اشاره کوتاه را مشخص می کند که مقدار مورد انتظار یک ناحیه متنی را توصیف می کند.
readonlyreadonlyمشخص می کند که یک ناحیه متنی باید فقط خواندنی باشد.
requiredrequiredمشخص می کند که یک ناحیه متن مورد نیاز است/باید پر شود.
rowsnumberتعداد خطوط قابل مشاهده در یک ناحیه متن را مشخص می کند.
wraphard
soft
نحوه بسته بندی متن در یک ناحیه متنی هنگام ارسال در یک فرم را مشخص می کند.

پشتیبانی تگ <textarea> در مرورگرها

المنتمرورگر کروممرورگر edgeمرورگر فایرفاکسمرورگر سافاریمرورگر اپرا
<Form>YesYesYesYesYes