HTML'in Yeni Gücü: Input Type List ile Autocomplete

Bugün UI Developerların bir sıkıntısı daha çözüldü. Gün geçtikçe HTML gerçekten güçleniyor. Buna en güzel örnek de input elementine “list” özelliğinin eklenmesi. Peki bu da ne diyecek olanlar olabilir. Aslında bir inputa yazı yazdıkça belirli bir listede arama yapmanıza olanak sağlıyor. Autocomplete gibi düşünebilirsiniz.

<input list="browsers" placeholder="Choose browser from the list ..." />
<datalist id="browsers">
  <option value="Internet Explorer">
  <option value="Firefox">
  <option value="Google Chrome">
  <option value="Opera">
  <option value="Safari">
</datalist>

See the Pen HTML Input Type List by Ibrahim Nergiz (@phyesix) on CodePen.

https://cpwebassets.codepen.io/assets/embed/ei.js