如何创建 HTML 下拉菜单

Question

我的目的是当我点击 Season 时，显示下拉菜单，例如 season1、season2 怎么能做到这一点？这是我的 html 代码

<ul class="video-meta">
  <li>
    <a href="#">
      <img src="assets/images/6b1345063abbc415fde0677567f2cf59.jpg" alt="Bayley"></a>
    <span class="pl-10"> Bayley</span>
  </li>
  <li>
    <i class="fas fa-eye"></i>1260 Views
  </li>
  <li>
    <i class="fas fa-tags"></i> <a href="archive.html">Season</a></li>
  <li>
    <i class="fas fa-photo-video"></i> 2 h 20 min
  </li>
  <li>
    <i class="fas fa-calendar-alt"></i> Nov 2020
  </li>
  <li>
    <i class="fas fa-film"></i> 4K
  </li>
</ul>

Answer 1

您可以在 HTML 中使用 <select> 标签来创建下拉菜单。

   <label for="seasons">Season:</label>
   <select name="seasons" id="seasons">
     <option value="Season1">Season1</option>
     <option value="Season2">Season2</option>
     <option value="Season3">Season3</option>
   </select>

value= 属性是提交数据时发送给服务器的内容。

Answer 2

您将 select 标签用于下拉菜单，每个值都有一个选项。

<select name=season>
  <option>Season 1
  <option>Season 2
  <option>Season 3
</select>

如何创建 HTML 下拉菜单

how to create HTML dropdown menu

html

css

menu