مثال ـ ناحيه متني ورودي چند خطي
<label for="w3review">Review of W3Schools:</label> <textarea id="w3review" name="w3review" rows="4" cols="50"> At w3schools.com you will learn how to make a website. They offer free tutorials in all web development technologies. </textarea>
تگ<textarea> يك كنترل ورودي متن چند خطي را تعريف ميكند .
عنصر فوق اغلب در فرم براي جمع آوري نظرات كاربران مورد استفاده قرار ميگيرد .براي استفاده از آن براي اديتور هاي ساده كد نويسي هم مورد توجه است . در صفحات ارائه شده بكرات آنرا ملاحظه ميكنيد .آنرا بعنوان اديتورonline بكارگرفته ايم
ناحيه متني فوق ميتواند تعداد نا محدودي كراكتر در خود جا دهد .متن با فونت وعرض ثابت ارائه ميشود.
اندازه ناحيه متني با ويژگي هايrows , cols ويا با استفاده ازCSS مشخص ميشود.
ويژگيname براي عنصرفوق لازم است، چون بعداز ازارسال داده هاي فرم اين نام كه محتوي عنصر<textarea> منتقل ميشود، مورد استفاده قرار ميگيرد .اگر نام حذف حذف شود، متنtextarea هنگام ارسال داده هاي فرم منتقل نمي شود .
ويژگيid براي ارتباط textarea با يگ label لازم است .
نكته ـ براي بهبود شيوه هاي دسترسي عنصر<label>اضافه نمائيد
Element | |||||
---|---|---|---|---|---|
<textarea> | Yes | Yes | Yes | Yes | Yes |
ويژگي | مقدار | شــرح |
---|---|---|
autofocus | autofocus | مشخص ميكند كهtext area بايد بطورخودكار درهنگام لودصفحه فوكوس شود . |
cols | number | اندازه عرض قابل ديد را مشخص ميكند. |
dirname | textareaname.dir | جهت متن ارسالي را مشخص ميكند. |
disabled | ddisabled | غير فعال بودن را مشخص ميكند |
form | form_id | idفرم مرتبط را مشخص ميكند |
maxlength | number | تعداد ماكزيمم كراكتر مجاز را مشخص ميكند. |
name | text | نامي برايtext area مشخص ميكند . |
placeholde | text | متن كوتاه توضيحي را مشخص ميكند. |
readonly | readonly | فقط خواندني بودنtext area رامشخص ميكند . |
required | required | ضروري بودن پرشدنش را مشخص ميكند. |
rows | number | تعداد خط قابل مشاهده را مشخص ميكند. |
warp | hardsoft | نحوي نمايش محتويtextarea را مشخص ميكند . |
تگ<textarea> از ويژگي هاي جهانيHTML پيروي ميكند.
تگ فوق همچنين از ويژگي هاي رويدادي پيروي ميكند.
مثال ـ گزينه تغيي اندازه پيش فرض را غير فعال ميكند
<html> <head> <style>textarea { resize: none; } </style></head> <body> <label for="w3review">Review of W3Schools:</label> <textarea id="w3review" name="w3review" rows="4" cols="50"> At w3schools.com you will learn how to make a website. They offer free tutorials in all web development technologies. </textarea> </body> </html>
نــدارد