HTML5 数据列表 - 以编程方式显示选项列表

Question

我是 HTML5 数据列表的新手。我已经设置了<input type="text">与以下内容相关的内容<datalist>：

• HTML 数据列表标签 - W3Schools
• HTML5 Datalist：您需要了解什么 - JotForm 博客

例如：

<input list="browsers" name="browser">
<datalist id="browsers">
    <option value="Internet Explorer">
    <option value="Firefox">
    <option value="Chrome">
    <option value="Opera">
    <option value="Safari">
</datalist>

Chrome / Chromium 将输入显示为组合框，允许列出所有可能的值：

Firefox 将输入显示为任何其他文本字段，但我意识到可以双击该字段或单击该字段并按向下箭头键来显示所有选项：

我需要实现一个与浏览器无关的按钮，在单击该按钮时显示该选项列表。喜欢：

<input list="browsers" name="browser">
<datalist id="browsers">
    <option value="Internet Explorer">
    <option value="Firefox">
    <option value="Chrome">
    <option value="Opera">
    <option value="Safari">
</datalist>
<button type="button">Show options</button>

我怎样才能实现这样的按钮？