تگ textarea در HTML

  /  فرانت اند   /  HTML   /  تگ textarea در HTML

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

مثال

<label for="comment">نظر خود را بنویسید:</label>
<textarea id="comment" name="comment" rows="4" cols="50" placeholder="پیغام خود را وارد کنید...">
سلام ، واقعاً بابلز لرن یک مرجع کامل و جامع آموزشی برای HTML هست و من همیشه آموزش های سایت شما رو دنبال میکنم ، خیلی ممنون از شما.
</textarea>


تعریف و کاربرد

تگ textarea در HTML یک کنترل ورودی چند خطی ایجاد می کند.

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

از خاصیت placeholder برای نگهداری متن پیش فرض و راهنمایی کاربر جهت وارد کردن اطلاعات درون عنصر <textarea> استفاده می کنیم ، بعد از وارد کردین اولین رشته در این عنصر متن مشخص شده placeholder ناپدید می شود.

با استفاده از خاصیت rows تعداد خط های پیش فرض تگ <textarea> را مشخص میکنیم.

با استفاده از cols اندازه عرض عنصر <textarea> را مشخص می کنیم.


پشتیبانی مرورگر ها

عنصر
<textarea>بلهبلهبلهبلهبله

خواص

خاصیتمقدارتوضیحات
autofocusautofocusمشخص میکند که بعد از بارگیری کامل سند ، مکان نمای موس درون تگ textarea قرار بگیرد
colsnumberاندازه عرض textarea را مشخص می کند
dirnametextareaname.dirجهت متن درون تگ textarea را در هنگام ارسال به سرور مشخص میکند
disableddisabledمشخص می کند که عنصر textarea باید غیرفعال باشد
formform_idمشخص می کند که textarea متعلق به کدام فرم است
maxlengthnumberحداکثر تعداد کاراکتر هایی که میتوان درون تگ textarea وارد کرد را مشخص می کند
nametextیک نام برای textarea تعریف می کند
placeholdertextیک متن را بصورت کمرنگ درون تگ textarea قرار میدهد تا توضیح کوتاهی باشد برای اینکه کاربر متوجه شود که چه نوع محتوایی را باید وارد کند
readonlyreadonlyمشخص می کند که محتوای textarea فقط خواندنی است و قابل ویرایش و تغییر نیست
requiredrequiredمشخص می کند که هنگام ارسال داده سمت سرور حتماً باید حاوی محتوا باشد
rowsnumberتعداد خطوط یا اندازه ارتفاع را مشخص می کند
wraphard
soft
مشخص میکند که محتوا از نظر املایی چک شود یا نه

خواص عمومی

تگ textarea از خواص عمومی در HTML پشتیبانی میکند.

رویداد های عمومی

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

تنظیمات پیش فرض CSS

هر مرورگری با توجه به تنظیمات پیش فرض خود عنصر textarea را نمایش می دهد ، ولی ما میتوانیم با استفاده از CSS تغییرات ظاهری خود را ایجاد کنیم.

برای دسترسی به آموزش های بیشتر و ویدیو های من ، کلمه کلیدی متین برونسی را داخل گوگل سرچ کنید.

ارسال یک نظر