本课我们学习窗体下拉菜单控件。当用户点击选择框时，会弹出一个下拉列表，用户可以从列表中选择一个选项。我们称这个控件为下拉菜单。下拉菜单随处可见：购物商品配送的地址信息选择，出生年月日的生日信息选择等等如何在HTML中定义一个下拉菜单？可以使用select标签来定义，select表示选择。基本语法是：select标签包含一个或多个option子标签。option表示选项，定义了一个可以选择的选项。<选项>。注意：只有option标签可以放在select标签中。打开编辑器，新建一个select_option.html页面，自动补全基本代码，在body标签里面写一个form表单标签，在form标签里面加上文本生日日期：。回车和换行。然后添加一个选择标签。默认情况下，emmet会为select定义id和name属性。我们先把这两个属性删掉，以后再碰。在select标签内部，使用emmet语句：option{199$}*9自动生成1991年到1999年的一组options，这里的value属性后面会介绍，暂时忽略。在浏览器中打开页面，一个简单的下拉菜单就做好了。用鼠标点击控件弹出选项菜单，选择其中一个选项替换下拉菜单。刷新页面，我们发现默认情况下，第一个选项是1991作为当前选项，我们可以修改这个默认值吗？要更改默认选项，您需要将selected属性添加到默认选择的选项标签中。回到编辑器中，在1995的选项上定义selected属性。保存。返回浏览器并刷新。1995是默认选项。有时候，我们会遇到这样的多选下拉菜单，如何实现呢？我们只需要为select标签定义一个multiple属性。multiple表示多个，允许用户选择多个值。回到编辑器，在select标签最后输入一个换行符，添加一个br，输入一个换行符。再添加一个select标签，在标签内定义一个option标签，鼠标光标停留在当前行，同时按住键盘的alt和shift键，然后连续敲击键盘的向下箭头7次进行复制7个新选项标签。在选项标签中填写音乐、电影、短视频、游戏、盲盒、漫画、小说、前端。最后为select定义一个属性multiple并保存。返回浏览器并刷新。使用ctrl和鼠标单击可选择多个值。现在select控件默认可见行数是4行，这个值可以设置吗？为select标签定义size属性，定义控件默认可见行数，size表示大小，值为数字。回到编辑器，给select标签添加第一个size属性，值为8，保存。返回浏览器并刷新。显示下拉菜单中的所有选项。表单下拉菜单的制作就完成了，快来试试吧！文章配套视频链接点我
