Javascript 是否可以限制自动完成框的行数？

您知道，

autocomplete

属性默认用于

s。大概是这样的：

好的，我可以通过将该属性设置为关闭来完全删除该属性：

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

//                               ^^^^^^^^^^^^^^^^^^

---

但我不想完全禁用它。我只想把它限制在两排。目前是六排。无论如何，是否有任何解决方案（即使是JS）来限制该框的行数？

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

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

---

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

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

---

正如@SoftwareEngineer171所提到的，如果需要HTML5输入控件中不可用的控件，可以使用jQuery UI作为解决方案

---

正如@SoftwareEngineer171所提到的，如果您需要HTML5输入控件中不可用的那种控件，可以使用jQuery UI作为解决方案

---

只有在使用jQuery用户界面时，他才会询问HTML5的自动完成属性。@paul。你在OP的问题中看到

jquery

标记了吗？并不是说他不能使用jquery UI作为解决方案，看他的代码，他是在问HTML5的autocomplete.property。@paul。据我所知，仅仅使用HTML5是不可能的。我已经检查了这篇文章，关于自动完成上显示的行数没有任何内容。@SoftwareEngineer171，关于没有HTML5选项，您是对的。只是根据我自己的经验，我知道很容易错过整个画面（需要jQuery UI来实现您想要的，并且认为提供的解决方案会起作用。所以我刚才指出他需要jQuery UI来使用您的解决方案。只有在使用jQuery UI时，他才会询问HTML5的自动完成属性。@paul。您在OP的问题中看到

jQuery

标记了吗？并不是说他不能使用jQuery UI作为解决方案，看他的代码，他问的是关于HTML5自动完成。属性的问题。@Paul。据我所知，仅使用HTML5是不可能的。我检查了这篇文章，发现自动完成上显示的行数没有任何问题。@SoftwareEngineer171，你说的没有HTML5选项是对的。只是根据我自己的经验，我知道这是非常重要的很容易忽略全局（需要jQuery UI才能实现您想要的，并且认为提供的解决方案会起作用。所以我刚才指出他需要jQuery UI来使用您的解决方案。