HTML/CSS 如何做下拉框（下拉菜单）？
warning:
这篇文章距离上次修改已过203天，其中的内容可能已经有所变动。
在HTML中创建下拉框（下拉菜单），可以使用<select>元素，并通过内嵌的<option>元素定义可选的选项。
下面是一个简单的下拉菜单示例：
<!DOCTYPE html>
<html>
<head>
<style>
/* 这里可以添加CSS样式，但不是必须的 */
</style>
</head>
<body>
<label for="fruits">选择一种水果:</label>
<select id="fruits" name="fruits">
<option value="apple">苹果</option>
<option value="orange">橙子</option>
<option value="banana">香蕉</option>
<option value="grape">葡萄</option>
</select>
</body>
</html>在这个例子中，<label>元素的for属性与下拉菜单的id相关联，提高了用户体验。用户可以点击标签本身来聚焦下拉菜单。
如果需要添加多选功能，可以在<select>元素中添加multiple属性：
<select id="fruits" name="fruits" multiple>
<!-- 选项保持不变 -->
</select>这样用户就可以选择多个选项。
评论已关闭