javascript - 向图像按钮添加下拉菜单

我想在HTML中添加一个输入图像按钮，当单击该按钮时，将提供一个带有三个输入范围栏（输入类型=“范围”）的下拉菜单。
如何使用html，css，javascript执行此操作？

最佳答案

您需要使用jquery制作图片和表格，然后应用此jquery脚本，它将显示和隐藏范围输入。

$("#under").hide();
$("#clicker").click(function() {
  $("#under").toggle();
});

.under {
  position: absolute;
}
#clicker {
  cursor: pointer;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<img src="http://placehold.it/350x75" id="clicker" />
<div class="under" id="under">
  <input type="range" />
  <br />
  <input type="range" />
  <br />
  <input type="range" />
  <br />
</div>

我为此做了一个jsfiddle：https://jsfiddle.net/a6ry2j4s/