Datalist için kaydırma çubuğu nasıl uygulanır?

Question

Otomatik tamamlama için bir datalist var.

Kaydırma çubuğunu buna nasıl uygularım?

Benim HTML kodu:

<input list="languages" id="language_id" /> 
<datalist id="languages" style="visibility:hidden;white-space:nowrap;overflow:scroll;"> 
    <option value="html">HTML</option> 
    <option value="java">Java</option> 
    <option value="perl">Perl</option> 
    <option value="php">PHP</option> 
    <option value="ruby-on-rails">Ruby on Rails</option> 
</datalist> 

Ve metin üzerinde çift tıkladığınızda da tüm kelimeler gösteriliyor. Çift tıklayarak görüntülenen tüm kelimeleri nasıl gizleyebilirim? Javascript ile

Answer 1

kaydırma çubuğu yapabilirsiniz, ve odak sonrası sonra datalist'te gösterilecek öğeler için tek bir tıklama kullanabilirsiniz.

Answer 2

Maalesef, veri özniteliği ile yapabileceğiniz fazla bir şey yok. Datalist şu anda herhangi bir CSS stilini desteklemiyor ve belirli görsel özellikler tarayıcıya özgüdür. Bazı tarayıcılar uzun listeler için kaydırma çubukları eklemeyi seçebilir.

Eğer bu kabul edilemezse, datalistleri unutup bir ComboBox'u Javascript ile uygulamak zorunda kalabilirsiniz. JQuery'nin uygun olabilecek bir otomatik tamamlama işlevine sahip olduğuna inanıyorum.