در اکثر موارد برای توضیحات که متن های طولانی را در بر می گیرد. از تگ textarea در HTML مورد استفاده قرار می گیرد که قابلیت اسکرول را دارد. در این تگ قادر به تعیین سطر و ستون پیشفرض هستید که بعد از آن برای تایپ و مشاهده با استفاده از اسکرول ، بالا و پایین نمایید. استفاده از تگ textarea در بسیاری از افزونه و تمپلیت ها استفاده می گردد که با استفاده از CSS اقدام به تغییر ظاهری آن می نمایند.
تگ textarea در HTML
استفاده از تگ textarea بسیار ساده و با یک تگ باز و بسته قابل استفاده است. خاصیت هایی همچون rows و cols نیز بیانگر تعداد سطر و ستون آن می باشد.
<textarea id="nemayman" name="nemayman" rows="4" cols="50">
این یک متن آزمایشی است که درون تگ تکست آریا زبان اچ تی ام ال نوشته شده است.
</textarea>
کد بالا در هر جای سایت قرار دهید، قادرید خروجی را مشاهده نمایید. در کد بالا سطر 4 و ستون 50 ارائه گردیده که الباقی آن به صورت اسکرول قابل استفاده است.
شایان ذکر است که همواره تگ textarea توسط کاربران قادر به کوچک و بزرگ نمایی هستند. از این رو در صورت عدم تمامیل به این موضوع، نیاز است که با استفاده از Css این ویژگی را غیر فعال نمایید.
همچنین در این تگ شرایط برای تعیین طول کاراکتر های مورد استفاده وجود دارد. در ویژگی های زیر قادر به دریافت اطلاعات بیشتر هستید.
ویژگی های تگ <textarea>
Attribute | Value | Description |
---|---|---|
autofocus | autofocus | مشخص می کند که یک ناحیه متنی باید به طور خودکار هنگام بارگیری صفحه فوکوس شود. |
cols | number | عرض قابل مشاهده یک ناحیه متنی را مشخص می کند. |
dirname | textareaname.dir | مشخص می کند که جهت متن ناحیه متنی ارسال خواهد شد. |
disabled | disabled | مشخص می کند که یک ناحیه متنی باید غیرفعال شود. |
form | form_id | مشخص می کند که ناحیه متن به کدام فرم تعلق دارد. |
maxlength | number | حداکثر تعداد کاراکترهای مجاز در ناحیه متن را مشخص می کند. |
name | text | یک نام برای یک ناحیه متنی مشخص می کند. |
placeholder | text | یک اشاره کوتاه را مشخص می کند که مقدار مورد انتظار یک ناحیه متنی را توصیف می کند. |
readonly | readonly | مشخص می کند که یک ناحیه متنی باید فقط خواندنی باشد. |
required | required | مشخص می کند که یک ناحیه متن مورد نیاز است/باید پر شود. |
rows | number | تعداد خطوط قابل مشاهده در یک ناحیه متن را مشخص می کند. |
wrap | hard soft | نحوه بسته بندی متن در یک ناحیه متنی هنگام ارسال در یک فرم را مشخص می کند. |
پشتیبانی تگ <textarea> در مرورگرها
المنت | |||||
---|---|---|---|---|---|
<Form> | Yes | Yes | Yes | Yes | Yes |