این آموزش در تاریخ ۱۴۰۲/۰۶/۲۲ آپدیت شده است.
آموزش صفت Size در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش صفت Size در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
صفت Size در HTML
صفت size صفتی است که در تگ های Input و Select میتوان از آن استفاده کرد و با استفاده از آن میتوان اندازه عرض یک تگ رو به نسبت تعداد کاراکتر مشخص کرد.
این صفت فقط اندازه یک اینپوت رو بصورت عرضی و به نسبت تعداد کاراکتر مشخص میکنه ولی اگه میخواید مثلا کاربر بیشتر از ۱۰ کاراکتر نتونه وارد کنه باید از صفت MaxLength استفاده نمایید.
Free-Learn
عناصری که توسط این صفت پشتیبانی می شوند
این صفت را میتوان در عناصر/تگ های زیر بکار برد.
| <select> | <input> |
Free-Learn
مثال از صفت Size در HTML
در ادامه میتوانید یک مثال از این صفت را مشاهده نمایید.
مثال شماره ۱ : استفاده در تگ Input
|
1 2 3 4 5 |
<body> <input type="text" size="5"> </body> |
مثال شماره ۲ : استفاده در تگ Select
|
1 2 3 4 5 6 7 |
<body> <select size="5"> .... </select> </body> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از صفت size در HTML پشتیبانی میکنند یا خیر.
| نام تگ | Chrome | Firefox | Opera | Safari | Edge |
| input | بله | بله | بله | بله | بله |
| select | بله | بله | بله | بله | بله |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این صفت در HTML بصورت زیر می باشد.
|
1 2 |
<input size="Number"> <select size="Number"> |
Free-Learn
جدول مقادیر صفت Size در HTML
در جدول زیر میتوانید، مقادیری را که میتوان در این صفت استفاده کرد مشاهده نمایید.
| مقدار | توضیح |
|---|---|
| Number | یک عدد که اندازه عرض تگ رو به نسبت تعداد کاراکتر مشخص میکند |
Free-Learn
نکات و توضیحات
- از این صفت در اینپوت های text, search, tel, url, email و password میتوان استفاده نمود.
- مقدار این صفت بصورت پیش فرض در Input ها ۲۰ می باشد.
- مقدار این صفت بصورت پیش فرض در تگ Select مقدار ۱ می باشد.
- این صفت ممکن است بروی برخی از گوشی های موبایل ناقص یاهم بکل کار نکند.
