如何为数据列表应用滚动条？

Question

我有一个自动完成的数据表.

如何应用滚动条？

我的HTML代码:

<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>

而且,当我双击文本框时,所有单词都会显示.如何在双击时隐藏显示的所有单词？

Answer 1

使用Javascript可以制作滚动条，并且您可以使用单击在焦点后在数据列表上显示项目。