این آموزش در تاریخ ۱۴۰۲/۰۶/۲۱ آپدیت شده است.
آموزش صفت Multiple در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش صفت Multiple در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
صفت Multiple در HTML
صفت multiple یک صفت بولی (Boolean) می باشد، که با استفاده از آن میتوان این امکان / قابلیت رو ایجاد کرد که کاربر بتواند بیشتر از یک / چند گزینه را انتخاب کند.
مثلا اگه در تگ Input از نوع File استفاده کنیم، کاربر میتونه موقع آپلود فایل چندین فایل باهمدیگه انتخاب کنه یا مثلا با استفاده در تگ select میشه چندین آیتم رو باهمدیگه انتخاب کرد.
Free-Learn
عناصری که توسط این صفت پشتیبانی می شوند
این صفت را میتوان در عناصر/تگ های زیر بکار برد.
| <select> | <input> |
Free-Learn
مثال از صفت Multiple در HTML
در ادامه میتوانید یک مثال از این صفت را مشاهده نمایید.
مثال شماره ۱ : استفاده در تگ Input از نوع file
|
1 2 3 4 5 6 7 8 |
<body> <form action="#"> یک یا چندین فایل انتخاب کنید <br> <input type="file" name="MyFile" multiple> </form> </body> |
مثال شماره ۲ : استفاده در تگ Input از نوع email
|
1 2 3 4 5 |
<body> <input type="email" name="UserEmail" multiple value="Email1@gmail.com,Email2@gmail.com,Email3@gmail.com"> </body> |
مثال شماره ۳ : استفاده در تگ Select
|
1 2 3 4 5 6 7 8 9 10 11 |
<body> <select multiple> <option value="Esteghlal">استقلال</option> <option value="Persepolis">پرسپولیس</option> <option value="Sepahan">سپاهان</option> <option value="Tractor">تراکتور</option> <option value="other">دیگر تیم ها</option> </select> </body> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از صفت multiple در HTML پشتیبانی میکنند یا خیر.
| نام تگ | Chrome | Firefox | Opera | Safari | Edge |
| input | بله | بله | بله | بله | بله |
| select | بله | بله | بله | بله | بله |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این صفت در HTML بصورت زیر می باشد.
|
1 2 3 |
<input type="file" multiple> <input type="email" multiple> <select multiple> |
Free-Learn
نکات و توضیحات
- این صفت فقط در تگ Input از نوع file و email میتوان استفاده کرد، اگه در email استفاده شد باید آدرس های ایمیل با کاما از همدیگه جدا بشن، مثال :
|
1 |
<input type="email" multiple value="Email1@gmail.com,Email2@gmail.com"> |
