HTML怎么实现下拉菜单

163 阅读 0 评论 108 点赞

我是靠谱客的博主清新指甲油，这篇文章主要介绍HTML怎么实现下拉菜单，现在分享给大家，希望可以做个参考。

HTML怎么实现下拉菜单

1、新建HTML文件为“select.html”；

微信截图_20200512160315.png

2、使用VSCode编辑器将其打开；

微信截图_20200512160544.png

3、在HTML的body标签里写入select标签；

复制代码<select>
        
</select>1
2
3
<select>
        
</select>
登录后复制

4、向select标签里添加选项标签option；

复制代码    <select>
        <option value="1">选项1</option>
        <option value="1">选项2</option>
        <option value="1">选项3</option>
        <option value="1">选项4</option>
    </select>1
2
3
4
5
6
<select>
        <option value="1">选项1</option>
        <option value="1">选项2</option>
        <option value="1">选项3</option>
        <option value="1">选项4</option>
    </select>
登录后复制

5、使用浏览器打开即可。

微信截图_20200512160756.png