HTML <textarea> Tag
تگ <textarea>
در HTML یک فیلد چند سطری برای ورود متن توسط کاربر ایجاد می کند. این تگ بیشتر در قسمت نظرات و یا ارسال پیام استفاده می شود.
مثال:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <style> body { direction: rtl; font-family: "segoe ui"; text-align: center; } label { display: block; margin-bottom: 15px; } </style> </head> <body> <label for="message">پیام خود را ارسال نمایید:</label> <textarea id="message" name="message" rows="5" cols="63" placeholder="پیام شما..."> پیام خود را بنویسید.. </textarea> </body> </html>
نتیجه:
مشاهده و ویرایش کد در حالت تمام صفحه
صفتها (Attributes)
autofocus
مشخص می کند که به هنگام لود صفحه بصورت اتوماتیک تگ <textarea>
در حالت فعال نمایش داده شود یا خیر.
cols
اندازه عرض تگ <textarea>
را مشخص می کند. مقدار پیشفرض آن 20
می باشد.
rows
تعداد سطر فرم تگ <textarea>
را مشخص می کند.
disabled
مشخص می کند که تگ <textarea>
فعال باشد یا بحالت غیرفعال درآید.
form
مشخص می کند که تگ <textarea>
متعلق به کدام فرم است.
maxlength
بیشترین مقدار کاراکتر قابل استفاده در بخش <textarea>
را مشخص می کند.
name
برای تگ <textarea>
یک نام در نظر می گیرد.
readonly
مشخص می کند که <textarea>
تنها قابل خواندن باشد نتوان درون آن را نوشت.
required
مشخص می کند که برای ارسال فرم پر کردن بخش <textarea>
ضروری است.
نکاتی در مورد استفاده از تگ <textarea>:
- این تگ بیشتر در فرمهایی که اطلاعات و یا توضیحی از کاربر خواسته می شود بکار می رود.
- این تگ می تواند تعداد نامحدودی کاراکتر بپذیرد و فونت پیشفرض آن
Courire
می باشد. - اندازه این تگ توسط دو صفت
col
وrow
مشخص می شود. (همچنین توسط ویژگی های CSS نیز می توان اندازه آن را مشخص کرد.) - صفت
name
یک نام را برای تگ<textarea>
مشخص می کند. وجود این صفت به هنگام ارسال اطلاعات ضروری است. (اگر این صفت بکار برده نشود، داده ای از طرف این فیلد فرستاده نخواهد شد.) - صفت
id
رابطه بین این تگ وlabel
مروبوطه را مشخص می کند. (id
که برای این تگ استفاده شده باید با مقدار صفتfor
در تگlabel
مربوطه یکی باشد.)
پشتیبانی مرورگرها
تمام مرورگرها از این تگ HTML پشتیبانی می کنند.