لذت ساخت autosuggest با HTML5

Cyletech

Member
سلام،
تاحالا autosuggest داشتید؟ من با php و کمک های زیاد jQuery یکی نوشتم و بنظرم هم اینکار فعلاً بهتره. چراشو بعداً میگم.
حالا بیاین با هم یک پیشنهاد دهنده خودکار خوب بسازیم.
HTML5 یک برچسب جدید داره تحت عنوان <datalist> . خب این دقیقاً مثل همون <select> خودمون عمل می کنه یعنی محتواش همون <option> هست. حالا ما یدونه می نویسیم:
کد:
<datalist id=data-list>
<option value="iranphp">iranphp</option>
<option value="alireza">alireza</option>
<!--(...)-->
</datalist>
حالا برای اینکه بتونیم ازش استفاده کنیم باید list رو هم به اینپوتمون اضافه کنیم:
کد:
<input type=search list=data-list placeholder="inja search kon" />
حالا میگم واسه چی اون راه من بهتره. چون از این برچسب فعلاً موزیلا و اپرا پشتیبانی می کنند. حتی کروم هم پشتیبانی نمی کنه. اسکپلورر جای خودش :D (چوب لای چرخ بذاره همیشه)

http://www.w3schools.com/html5/tag_datalist.asp


منبع: ایران پی اچ پی (نویسنده خودم)
 

جدیدترین ارسال ها

بالا