educoder实训平台---创建下拉列表

最新推荐文章于 2024-11-09 22:50:54 发布

白夜的月亮

最新推荐文章于 2024-11-09 22:50:54 发布

阅读量577

点赞数

分类专栏： educoder平台实训html-web实训文章标签： html python 开发语言

本文链接：https://blog.csdn.net/m0_59076472/article/details/121673131

版权

educoder平台实训html-web实训专栏收录该内容

30 篇文章 14 订阅

订阅专栏

这篇博客介绍了如何使用HTML创建下拉列表，包括单选和多选功能，并设置了默认选中项。第一部分讲解了下拉列表的基础概念，第二部分展示了创建下拉列表的代码示例，第三部分则演示了如何设置多选及默认选项，为网页表单提供了更多交互可能性。

摘要由CSDN通过智能技术生成

.educoder实训平台—创建下拉列表

第1关：下拉列表控件相关概念

DCCBA

第2关：创建下拉列表

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8"/>
  <title>创建下拉列表</title>
 </head>
 <body>
  <form action="" method="get">
   <!-- ********* Begin ******* -->
 <select size="2">
     <option value="1">玩游戏</option>
     <option value="2">看电影</option>
         <option value="3">听音乐</option>
 </select>
   <!-- ********* End ********* -->
  </form>
 </body>
</html>

第3关：设置多选和默认选项

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8"/>
  <title>创建多选和默认选项</title>
 </head>
 <body>
  <form action="" method="get">
   <!-- ********* Begin ******* -->
 <select size="4" multiple>
     <option value="1" selected>猫</option>
     <option value="2">狗</option>
     <option value="3">鸟</option>
     <option value="4">鸭子</option>
 </select>



   <!-- ********* End ********* -->
  </form>
 </body>
</html>