HTML — ناحیه متن (textarea)

آخرین بروزرسانی: 1404/08/07

قبلی: الگو (template) بعدی: پاورقی جدول (tfoot)

ناحیه متن (textarea)

ناحیه متن (textarea) یک ورودی چندخطی است. یعنی کاربر متن بلند می نویسد. مثل برگه انشا در مدرسه. اندازه با ویژگی های rows و cols تنظیم می شود.

کاربرد ناحیه متن (textarea)

برای نظر، توضیح، یا بازخورد استفاده کن. ویژگی name برای ارسال فرم لازم است. همچنین، با id می توانی آن را به برچسب label وصل کنی. اگر اندازه دلخواه می خواهی، با CSS هم می شود.

مثال 1: ناحیه متن با برچسب و اندازه

&lt;label for="w3review"&gt;Review of W3Schools:&lt;/label&gt;
&lt;textarea id="w3review" name="w3review" rows="4" cols="50"&gt;
  At w3schools.com you will learn how to make a website.
  They offer free tutorials in all web development technologies.
&lt;/textarea&gt;

مشاهده در ادیتور

مثال 2: بستن تغییر اندازه با CSS

&lt;style&gt;
textarea {
  resize: none;
}
&lt;\/style&gt;

&lt;label for="w3review"&gt;Review of W3Schools:&lt;/label&gt;
&lt;textarea id="w3review" name="w3review" rows="4" cols="50"&gt;
  At w3schools.com you will learn how to make a website.
  They offer free tutorials in all web development technologies.
&lt;/textarea&gt;

مشاهده در ادیتور

تمرین گام به گام

یک textarea بساز و rows و cols را تنظیم کن.
یک label بساز و با id وصلش کن.
با CSS ویژگی resize را مدیریت کن.

نکته: اگر نام (name) نگذاری، متن ارسال نمی شود. برای الگوی تکراری محتوا هم می توانی از الگو (template) کمک بگیری. برای برچسب مناسب نیز به برچسب فرم (label) سر بزن.

جمع بندی سریع

textarea ورودی چندخطی می سازد.
rows و cols اندازه را مشخص می کنند.
name برای ارسال فرم ضروری است.
با label دسترس پذیری بهتر می شود.
resize را با CSS کنترل کن.