文本框如何实现下拉菜单

1、第一步，点击打开html编辑器sublimeText，如下图

3、第三步，下面试添加样式后静态文本框和下拉菜单的样子显示，如下图

5、第五步，给文本框添加点击事件，点击出现下拉框，再点击关闭下拉框，实现下拉菜单功能，代码如下图