HTML5是前端開發的一個重要標準，它為我們提供了很多方便的標記語言和標簽，其中包括下拉菜單。下面是一個簡單的HTML5下拉菜單代碼：
<select> <option value="option1">選項1</option> <option value="option2">選項2</option> <option value="option3">選項3</option> <option value="option4">選項4</option> </select>
以上代碼使用了
<select> <option value="apple">蘋果</option> <option value="banana">香蕉</option> <option value="orange">橙子</option> <option value="grape">葡萄</option> </select>
如上代碼可以創建一個水果的下拉菜單，當用戶選擇一個選項時，對應的值將被發送到后臺，供后續處理。還可以使用JavaScript代碼來響應下拉菜單選擇事件，例如：
<script>
function fruitSelect() {
var selectElement = document.getElementById("fruitSelect");
var selectedValue = selectElement.options[selectElement.selectedIndex].value;
alert("您選擇了：" + selectedValue);
}
</script>
<select id="fruitSelect" onchange="fruitSelect()">
<option value="apple">蘋果</option>
<option value="banana">香蕉</option>
<option value="orange">橙子</option>
<option value="grape">葡萄</option>
</select>以上JS代碼使用了onchange事件來響應下拉菜單的選擇變化，在選擇變化時會調用fruitSelect函數，函數內部使用DOM操作獲取選中的值，并彈出提示框。