معرفی و کاربرد تگ textarea در HTML باکس پیغام سند اچ تی ام ال

در این مقاله از سایت آموزی جهت استفاده شما همراهان گرامی به معرفی و کاربرد تگ <textarea> در HTML می پردازیم.

تگ <textarea> در HTML

معرفی و کاربرد تگ textarea در HTML باکس پیغام سند - سایت آموزی

تگ <textarea> کنترل ورودی متن چند خطه یا یک باکس پیغام تعریف می کند.

یک textarea می تواند تعدادی کاراکتر نامحدود را در خود نگه دارد، و متن در یک پهنای فونت ثابت ارائه می شود.

اندازه یک متن را می توان با خصوصیت های cols و rows مشخص کرد، و یا حتی بهتر از طریق CSS ارتفاع و عرض را مشخص کرد.

مثال در مورد تگ <textareaدر اچ تی ام ال

[html]<textarea rows=”4″ cols=”50″>
At w3schools.com you will learn how to make a website. We offer free tutorials in all web development technologies.
</textarea>[/html]

خروجی کد در مرورگر اینترنتی

بررسی تگ <textarea> در HTML 4.01 و HTML5

هیچکدام از خصوصیت های ویژه تگ <textarea> در HTML5 پشتیبانی نمی شود.

معرفی و کاربرد تگ textarea در HTML باکس پیغام سند اچ تی ام ال

خصوصیات ویژه تگ <textarea> در HTML

خصوصیت مقدار توضیحات
autofocus autofocus این خصوصیت باعث می شود که بعد از لود شدن صفحه، مکان نما بصورت پیشفرض روی آن فیلد قرار گیرد.
cols number پهنا را برای text area مشخص می کند.
disabled disabled مشخص می کند که  text area باید به صورت غیر فعال باشد.
form form_id این خصوصیت فرم یا فرم هایی که فیلد مورد نظر به آن ها تعلق دارد را مشخص می کند.
maxlength number تعداد maximum کاراکتری که عنصر text area در خود جای می دهد.
name text یک  name برای text area مشخص می کند.
placeholder text یک عبارت را به صورت کم رنگ در داخل فیلد ورودی می نویسد که با فوکوس روی آن فیلد از بین می رود و فیلد خالی می شود.
readonly readonly مشخص می کند که text area فقط خواندنی است.
required required مشخص می کند که پر کردن text area قبل از ارسال فرم باید انجام شود.
rows number تعداد سطرهای قابل مشاهده در text area را مشخص می کند.
wrap hard
soft
Specifies how the text in a text area is to be wrapped when submitinted  a form

ویژگی های عمومی تگ <textarea> در اچ تی ام ال

تگ <textarea> از کلیه ویژگی های عمومی در سند HTML پشتیبانی می کند.

رویدادهای عمومی تگ <textarea> در HTML

تگ <textarea> از کلیه رویدادهای عمومی در سند HTML پشتیبانی می کند.

برای متخصص شدن در طراحی سایت فروشگاهی با وردپرس روی لینک زیر کلیک کن و تو دوره ثبت نام کن:

دوره فوق حرفه ای طراحی سایت فروشگاهی با وردپرس پروژه محور

برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:

دوره فوق حرفه ای طراحی سایت با HTML5 و CSS3 پروژه محور

پشتیبانی مرورگرها از تگ <textarea> در HTML

تگ <textarea> در همه مرورگرهای معتبر اینترنتی نظیر اینترنت اکسپلورر ، فایرفاکس ، اپرا ، گوگل کروم و سافاری پشتیبانی می شود.

پیوندهای مهم و کاربردی

تگ های HTML در سایت آموزی

تگ های جدید HTML5 در سایت آموزی

صفات تگ های HTML در سایت آموزی

تگ های منسوخ شده HTML5 در سایت آموزی

تگ های block level و inline level در سایت آموزی

تگ های HTML در W3school

ویژگی های CSS در سایت آموزی

ویژگی های CSS در W3schools

معرفی و کاربرد تگ textarea در HTML باکس پیغام سند اچ تی ام ال – اختصاصی سایت آموزی