تگ 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> | بله | بله | بله | بله | بله |
خواص
| خاصیت | مقدار | توضیحات |
|---|---|---|
| autofocus | autofocus | مشخص میکند که بعد از بارگیری کامل سند ، مکان نمای موس درون تگ textarea قرار بگیرد |
| cols | number | اندازه عرض textarea را مشخص می کند |
| dirname | textareaname.dir | جهت متن درون تگ textarea را در هنگام ارسال به سرور مشخص میکند |
| disabled | disabled | مشخص می کند که عنصر textarea باید غیرفعال باشد |
| form | form_id | مشخص می کند که textarea متعلق به کدام فرم است |
| maxlength | number | حداکثر تعداد کاراکتر هایی که میتوان درون تگ textarea وارد کرد را مشخص می کند |
| name | text | یک نام برای textarea تعریف می کند |
| placeholder | text | یک متن را بصورت کمرنگ درون تگ textarea قرار میدهد تا توضیح کوتاهی باشد برای اینکه کاربر متوجه شود که چه نوع محتوایی را باید وارد کند |
| readonly | readonly | مشخص می کند که محتوای textarea فقط خواندنی است و قابل ویرایش و تغییر نیست |
| required | required | مشخص می کند که هنگام ارسال داده سمت سرور حتماً باید حاوی محتوا باشد |
| rows | number | تعداد خطوط یا اندازه ارتفاع را مشخص می کند |
| wrap | hard soft | مشخص میکند که محتوا از نظر املایی چک شود یا نه |
خواص عمومی
تگ textarea از خواص عمومی در HTML پشتیبانی میکند.
رویداد های عمومی
تگ textarea از رویداد های عمومی در HTML پشتیبانی میکند.
تنظیمات پیش فرض CSS
هر مرورگری با توجه به تنظیمات پیش فرض خود عنصر textarea را نمایش می دهد ، ولی ما میتوانیم با استفاده از CSS تغییرات ظاهری خود را ایجاد کنیم.
پست های مرتبط
ارسال یک نظر
برای نوشتن دیدگاه باید وارد بشوید.