تگ های HTML – تگ textarea
سلام
با معرفی تگ <textarea> از سری تگ های HTML در خدمتتون هستیم.
- نمونه کد تگ <textarea>
|
۱ ۲ ۳ ۴ ۵ ۶ ۷ ۸ ۹ ۱۰ ۱۱ ۱۲ ۱۳ ۱۴ ۱۵ ۱۶ |
<!DOCTYPE html> <html> <body> <h1>The textarea element</h1> <form > <label for="beporsam">Review of beporsam:</label> <textarea id="beporsam" name="beporsam" rows="۴" cols="۵۰"> At beporsam.ir you will learn how to make a website. They offer free tutorials in all web development technologies. </textarea> <br><br> </form> </body> </html> |
- معرفی و کاربرد
تگ <textarea> یک فیلد با امکان نوشتن چند خط را فراهم میکند، برعکس تگ input که یک سطر تک خطی هست، تگ <textarea> یک فیلد چند سطری است.
از تگ <textarea> برای بخش نظرات، پیشنهادات، سوالات و ورودی هایی که نیاز به توضیحات بیش از یک سطر دارند استفاده میشود.
اندازه محیط متن را میتوانیم با ویژگی ها <cols> و <rows> میتوان مشخص کرد، همچنین در css نیز میتوانید این تغییرات را انجام دهید.
نکته: همیشه از تگ <label> برای عنوان <textarea> استفاده کنید.
- پشتیبانی در مرورگرها
| عنصر | |||||
|---|---|---|---|---|---|
| textarea | بله | بله | بله | بله | بله |
- خصوصیات
|
خصوصیت |
مقدار |
توضیحات |
|
autofocus |
autofocus |
این خصوصیت باعث می شود که بعد از لود شدن صفحه، مکان نما بصورت پیشفرض روی آن فیلد قرار گیرد. |
|
cols |
number |
پهنا را برای text area مشخص می کند. |
|
dirname |
textareaname.dir |
جهت متن را مشخص میکند، راست به چپ یا چپ به راست |
|
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 |
نحوه ارسال متن در ناحیه texe area را مشخص میکند |
معرفی این تگ نیز به پایان رسید.
موفق باشید.
ارسال نظر
شما باید وارد شوید یا عضو شوید تا بتوانید نظر ارسال کنید