是否可以限制自动填充框行的数量?

时间:2016-07-13 22:29:26

标签: javascript jquery html css

如您所知,默认情况下autocomplete属性用于<input>。像这样:

enter image description here

好的,我可以通过设置off来完全删除该属性:

<input type="email" name="email" autocomplete="off">
//                               ^^^^^^^^^^^^^^^^^^

但我不想完全禁用它。我只想将它限制为两行。目前它是六行。无论如何,是否有任何解决方案(即使是JS)来限制该行的行数?

2 个答案:

答案 0 :(得分:2)

您可以使用jQuery指定自动完成选项数组。

$("#email").autocomplete({
    source: function(request, response){
        var results = $.ui.autocomplete.filter(yourAutocompleteArray, request.term);
        response(results.slice(0, NUMBER_OF_ROWS_YOU_WANT));
    }
});

答案 1 :(得分:1)

正如@ SoftwareEngineer171所提到的,如果你需要HTML5输入控件中没有的那种控件,你可以使用jQuery UI作为解决方案。

Link for example