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