تگ textarea در HTML

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 مربوطه یکی باشد.)