این آموزش در تاریخ ۱۴۰۲/۰۶/۲۱ آپدیت شده است.
آموزش صفت Wrap در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش صفت Wrap در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
صفت Wrap در HTML
صفت wrap صفتی است که در تگ Textarea مورد استفاده قرار میگیرد و میتوان نحوه نمایش محتوای درون تگ Textarea رو در هنگام ارسال فرم بسمت سرور کنترل و یا مشخص کرد.
Free-Learn
عناصری که توسط این صفت پشتیبانی می شوند
این صفت را میتوان در عناصر/تگ های زیر بکار برد.
| <textarea> |
Free-Learn
مثال از صفت Wrap در HTML
در ادامه میتوانید یک مثال از این صفت را مشاهده نمایید.
مثال شماره ۱ : با مقدار Hard ( سعی میکنه خط فاصله ها، شکستن سطرها و.. رو حفظ کنه )
|
1 2 3 4 5 6 7 |
<body> <textarea cols="20" rows="5" wrap="hard"> Salam Khobi? Man Sadegh Asadi Hastam. Man Dar Shahre Yasuj Zendegi Mikonam. </textarea> </body> |
مثال شماره ۲ : با مقدار OFF ( بدون اینکه سطر شکسته شه کل محتوا در یک سطر نمایش داده میشه )
|
1 2 3 4 5 6 7 |
<body> <textarea cols="20" rows="5" wrap="off"> Salam Khobi? Man Sadegh Asadi Hastam. Man Dar Shahre Yasuj Zendegi Mikonam. </textarea> </body> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از صفت wrap در HTML پشتیبانی میکنند یا خیر.
| نام صفت | Chrome | Firefox | Opera | Safari | Edge |
| wrap | بله | بله | بله | بله | بله |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این صفت در HTML بصورت زیر می باشد.
|
1 |
<textarea warp="soft|hard|off"> |
Free-Learn
جدول مقادیر صفت Wrap در HTML
در جدول زیر میتوانید، مقادیری را که میتوان در این صفت استفاده کرد مشاهده نمایید.
| مقدار | توضیح |
|---|---|
| soft | خط فاصله ها، شکستن سطرها و.. در هنگام ارسال فرم حفظ نمیشود مقدار پیشفرض |
| hard | خط فاصله ها، شکستن سطرها و.. در هنگام ارسال فرم حفظ میشه |
| off | تمامی محتوا در یک سطر بصورت عرضی و بدون هیچگونه خط فاصله و شکستن سطرها و.. نمایش داده میشه |
Free-Learn
نکات و توضیحات
- اگر از صفت Warp با مقدار Hard استفاده کردید ضروری است که از صفت cols نیز استفاده نمایید.
