تگ textarea یکی از پرکاربرد ترین تگ های HTML هست.
این تگ یک جعبه میسازه که قابلیت تغییر اندازه هم داره و همچنین قابلیت ویرایش محتوا.
یعنی شما میتونید متن درونش رو تغییر بدید.
مثلا شما نمیتونید متن درون یک تگ p رو تغییر بدید ولی میتونید براحتی متن درون textarea رو تغییر بدید.
البته با دادن شناسه "contenteditable="true به تگ های HTML میتونید کاری بکنید که محتواشون قابل ویرایش باشه.

ولی به هر حال textarea به طور پیش فرض محتواش قابل تغییره.

شکل زیر یک textarea هست.

تگ textarea هم مثل سایر تگ ها به صورت زیر نشته میشه :

<textarea></textarea>


خوب ، هرچیزی که بین تگ بالا قرارداده بشه مستقیما درون اون جعبه که این تگ میسازه قرار میگیره.
یکی از مزیت هاش اینه که شاید شما بخواید کدی که درون صفحه وبتون میزارید توسط مرورگر تحلیل نشه و اجرا نشه.
مثل شاید میخواید یک کد توی صفحه بزارید که کاربران بتونند کپیش کنند و استفاده کنند.
ولی مستقیما بزاریدش توی صفحه مروگر اون رو اجرا میکنه ولی اگه بزاریدش توی تگ textarea مرورگر کاری باهاش نخواهد داشت.

تگ textarea چندتا شناسه یا همون attribute میگیره.
قبلا گفتم attribute چیه ولی اگه خواستید توی کامنت ها بپرسید.

یکی از شناسه هایی که این تگ میگیره شناسه rows هست بوسیله این شناسه میتونید ارتفاع جعبه ای که این تگ میسازه رو مشخص کنید که فکر میکنم بر حسب em حسابش میکنه.
این شناسه فقط عدد میگیره.یعنی نمی تونید توش بنویسید 17px یا 17em و...
فقط و فقط باید توش عدد خالی بزارید به غیر از عدد هیچی مثلا 17 یا 22 یا 1000 یا ...

مثل زیر :

<textarea rows="25"></textarea>

شناسه بعدی ، شناسه cols هست. این شناسه هم دقیقا مثل بالاییه فقط پهنای جعبه رو حساب میکنه.بالایی ارتفاع و این یکی پهنا. مثل بالایی هم فقط عدد میگیره. مثالش هم در زیر :

<textarea cols="58"></textarea>

خوب تا اینجا یاد گرفتین که چه طور این تگ رو بسازید.

لازمه این رو بگم در HTML5 شناسه های rows و cols دیگه منسوخ ( غیر استاندارد ) شدن و باید به جای اونها از خواص css برای اون جعبه استفاده کنید.

برای پهناش از خاصیت width درون css و برای ارتفاعش هم از خاصیت height درون css.


اینم برای اینکه بیشتر بدونید.

برای اینکه کاری کنیم که کسی نتونه محتوای تگ textarea مون رو دستکاری کنه با تغییر بده از شناسه readonly استفاده می کنیم که معادل فارسیش میشه فقط خواندنی.یعنی فقط میتونید محتوا رو ببینید و نمی تونید محتوا رو تغییر بدید.

بر عکس سایر شناسه ها این شناسه (readonly) بازم نیست مقدار بگیره یعنی اگه فقط توی تگ بنویسید readon هم درسته.

مثل زیر :

<textarea rows="10" cols="20" readonly></textarea>

این هم نمونه یک کد textarea ی کامل :

<textarea rows="10" cols="11" readonly>Hello</textarea>

اطلاعات مطلب
نویسنده :

admin

❤️ امتیازات این مطلب : 0
تعداد بازدید : 56
ارسال شده در تاریخ پنجشنبه 09 ارديبهشت 1395 و ساعت 16:21
دسترسی بیشتر (ابزارهای مطلب)
نوع فونت متن :
اندازه فونت متن : (اندازه متن)
رنگ متن : (مقدار هگزادسیمال رنگ)

لینک این مطلب را در سایت خود قرار دهید :
تعداد حروف بکار رفته در متن :
اشتراک گذاری :