مقدمه
سلام پی وی لرنی های عزیز!
به دوره آموزش تگ های HTML خوش آمدید!
HTML یا Hypertext Markup Language یک نوع زبان نشانه‌گذاری استاندارد برای ایجاد صفحات اینترنت و وب محسوب می شود.
می توان ادعا کرد که HTML دروازه ورود و پیشرفت برای یادگیری سایر زبان های برنامه نویسی هم چون CSS و جاوا اسکریپت است.
HTML ساختار و اسکلت صفحات وب را تشکیل می دهد و بدون آن نمی توان هیچ صفحه وبی را ساخت.
دوست دارید طراح وب شوید؟
خب باید HTML را بیاموزید!
نگران نشوید! یادگیری HTML کار دشواری نیست و با کمی تلاش خیلی زود در آن استاد می شوید.
در جلسه گذشته با تگ template آشنا شدیم؛ این تگ تگی است که محتوای خود را از دید کاربر پنهان می کند.
این جلسه را به آموزش کار با تگ textarea در HTML اختصاص داده ایم.
آموزش کار با تگ textarea در HTML
به مثال زیر توجه نمایید.
در این مثال از یک تگ textarea استفاده شده است.
مثال :
| <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> |
تعریف و کاربرد
تگ textarea تگی است که به کمک آن می توان یک ناحیه متنی یا text area را در یک صفحه وب ایجاد کرد.
یک ناحیه متنی می تواند تعداد نامحدودی از کاراکترها را در خود نگه دارد، و متن را با عرض قلم ثابتی ارائه دهد.
اندازه یک متن را می توان با خصوصیت های cols و rows مشخص کرد و یا حتی از CSS استفاده کرد و ارتفاء و عرض آن را تعیین نمود.
پشتیبانی مرورگرها
| عنصر |  |  |  |  |  |
| <textarea> | بله | بله | بله | بله | بله |
تفاوت بین HTML 4.01 و HTML5
در HTML5 چندین خصیصه جدید اضافه شده است.
خصیصه ها
| خصیصه | مقدار | توضیحات |
|---|
| autofocus | autofocus | این خصیصه تعیین می کند که با باز شدن صفحه؛ مکان نمای ماوس درون تگ textarea قرار بگیرد. |
| cols | number | این خصیصه اندازه عرض قابل مشاهده را مشخص می کند. |
| dirname | textareaname.dir | جهت محتوای تگ textarea را در هنگام ارسال به سرور تعیین می نماید. |
| disabled | disabled | این خصیصه سبب غیر فعال شدن تگ textarea می شود. |
| form | form_id | این خصیصه یک یا چند تگ فرمی را که تگ textarea به آن مرتبط است را تعیین می نماید. |
| maxlength | number | این خصیصه حداکثر تعداد کاراکترهای مجاز در ناحیه متنی را مشخص می کند. |
| name | text | این خصیصه یک نام برای یک ناحیه متنی را مشخص می کند. |
| placeholder | text | این خصیصه متن کم رنگی را در ناحیه متنی مشخص می کند تا کاربر به کمک آن بتواند نوع متنی را که وارد می کند تشخیص دهد. |
| readonly | readonly | مشخص می کند ناحیه متنی فقط خواندنی است. |
| required | required | این خصیصه تعیین می کند که پر کردن ناحیه متنی قبل از ارسال فرم باید انجام شود. |
| rows | number | اندازه ارتفاع تگ textarea را مشخص می نماید. |
| wrap | hard
soft | نحوه ارسال محتوای تگ textarea را هنگام ارسال، تعیین می نماید. |
خصیصه های سراسری Global Attributes
تگ <textarea> از خصیصه های سراسری در HTML پشتیبانی می کند.
خصیصه رویداد Event Attributes
تگ <textarea> از خصیصه رویداد در HTML پشتیبانی می کند.
تنظیمات پیش فرض CSS
ندارد.
کلام آخر
در این جلسه با آموزش کار با تگ textarea در HTML همراه شما بودیم؛ با استفاده از این تگ می توان یک ناحیه متنی یا text area را در یک صفحه وب ایجاد کرد.
در جلسه آینده به کار با تگ tfoot خواهیم پرداخت.
با پی وی لرن همراه باشید.
فروشگاه
فیلم های آموزشی
کتاب های آموزشی
مقالات آموزشی
وردپرس
astiac
سلام استاد خسته نباشید .
میگم که یک کار بر میتونه این تگ را توی مرورگرش تغییر انداره بده و اگر ما بخواهیم که سایزش قابل دستکاری نباشه و ثابت بمونه
چیکار باید کرد؟
صادق
سلام. باید از المان resize در CSS استفاده کنید.
textarea {
resize: none;
}
اگه textarea شما نام خاصی داره می تونید به جای textarea از textarea[name=txtname] استفاده کنید. اینجا نام textarea همون txtarea هست.