آموزش صفت List در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش صفت List در HTML با من همراه باشید.
Free-Learn
در این جلسه میخوانیم
صفت List در HTML
صفت list صفتی است که به تگ datalist اشاره دارد و میتونه یک لیست از گزینه های از پیش تعریف شده را ایجاد نماید.
Free-Learn
عناصری که توسط این صفت پشتیبانی می شوند
این صفت را میتوان در عناصر/تگ های زیر بکار برد.
| <input> |
Free-Learn
مثال از صفت List در HTML
در ادامه میتوانید یک مثال از این صفت را مشاهده نمایید.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
<body> <form action="files/test.php"> مرورگر شما: <input list="browsers" name="browser"> <datalist id="browsers"> <option value="Internet Explorer"> <option value="Firefox"> <option value="Chrome"> <option value="Opera"> <option value="Safari"> </datalist> <input type="submit" value="ارسال"> </form> </body> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از صفت list در HTML پشتیبانی میکنند یا خیر.
| نام صفت | Chrome | Firefox | Opera | Safari | IE |
| list | ۲۰٫۰ | ۴٫۰ | ۹٫۶ | خیر | ۱۰٫۰ |
Free-Learn
نکات و توضیحات
صفت list یک صفت جدید/اضافه شده در HTML5 می باشد.
مقداری که درون این صفت قرار میگیرد در واقع همان (آی دی) یا ID موجود در تگ DataList می باشد.
