PHP | Jquery | Css | Codeigniter | Unity3D


HTML5 Datalist-Autocoplete KullanımıBu makalede html 5 in bir özelliği olan datalist kullanımından bahsetmek istiyorum. Normalde jquery kullanarak ya da faklı kütüphaneler yardımıyla sayfaya harici script ve css yükleyerek, dahil ederek autocomplete input yapabilirsiniz ancak html5 ile bu yapıyı kurmak, kullanmak oldukça basittir. Hatta veritabanından dinamik veri ile doldurma konusunda da oldukça esnektir. Çünkü yapı sadece html taglarından ve HTML5 sayfadan ibarettir diyebiliriz.

   
   <!DOCTYPE html>
   <html>
   <body>

   <form action="" method="POST">
     <input list="liste" name="liste">
     
       
       
       
       
       
     
     <input type="submit">
   </form>

   

NOT: HTML5 Datalist tagı Internet Explorer 9 ve altı sürümleri ve safari desteklememektedir.

</body> </html>

Bazı türlçe karakterlerde ve türkçe karakterlerin büyük küçük harf ayrımında tamamlama çalışmayabilir bunun için sayfanın dilini aşağıdaki gibi değiştirirseniz düzelecektir.

   <html lang="tr-TR">

Mutlu, onurlu kalın ..



Google


Soru ve Tartışma Konularınız için;

Yayınlayan
comments powered by Disqus
Yazar: Windofelm
Description: HTML 5 datalist özelliği kullanarak dinamik veriler ile autocomplete yapısı kurabilirsiniz.