سلام عزیزان ، با آموزش اتریبیوت DataList در حدمت شما هستم . امیدوارم که حالتون همیشه خوب باشه.دیتا لیست به نظر می رسد شبیه پیشنهادهایی است که در هنگام تایپ در تکست باکس ارائه می شود، مانند آنچه در جستجوی گوگل مشاهده می کنید. البته که فقط به نظر شبیه می رسد، اما حتی نزدیک به آن هم نیست.
دیتا لیست مانند لیست رو به پایین انتخاب می باشد، اما یوزر علاوه برآنچه در لیست ارائه شده می تواند آزادانه هرچه می خواهد در تکست باکس قرار دهد. در مورد لیست انتخاب هر چیزی در قسمت کاربر قرار می گیرد. قبل از اینکه به کد و نمایش برسیم، اجازه بدهید ببینیم چه مرورگرهایی آن را پشتیبانی می کنند.
Browsers
Datalist Support
IE 10
✓
Firefox 4
✓
Safari 5
Chrome 20
✓
Opera 11
✓
حالا ببینیم چطور یک دیتالیست HTML5 را تکمیل می کنیم که کاملا ساده است.
خیلی راحت در دیتالیست نام کشور خود را وارد کنید.
Country :
اگر مرورگری ندارید که آن را پشتیبانی کند، در اینجا می توانید ببینید که در فایرفاکس چگونه به نظر می رسد.
آموزش اتریبیوت Input Attr : DataList
مقاله قبلی
آموزش اتریبیوت Input Attr : Required field