2016-08-31 38 views
1
<nav> 
<div class="nav-wrapper"> 
    <form> 
    <div class="input-field"> 
     <input id="search" type="search" required> 
     <label for="search"><i class="material-icons">search</i></label> 
     <i class="material-icons">close</i> 
    </div> 
    </form> 
</div></nav> 

沒有人知道如何在有人在搜索框上寫字母時添加滴答建議嗎?materialize建議按鍵上的搜索表單上的下拉菜單(MaterializeCSS)

使用實現CSS

+0

的可能的複製[如何創建MaterializeCss自動完成表單?(http://stackoverflow.com/questions/34222775/how-to-create-autocomplete-form-with-materializecss) – artem

回答

1

在輸入上使用自動完成類。然後用包含選項的對象初始化它。 。

$( 'input.autocomplete')自動完成({ 數據:{ 「蘋果」:空, 「微軟」:空, 「谷歌」: 'http://placehold.it/250x250' } });

參考http://materializecss.com/forms.html

+0

由於某些原因,這不適用於搜索欄組件。 –