html之select标签

最新推荐文章于 2021-06-17 21:59:00 发布

转载最新推荐文章于 2021-06-17 21:59:00 发布 · 113 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://yq.aliyun.com/articles/484141

本文详细介绍了HTML中下拉菜单的实现方式，包括单选下拉框、多选下拉框及带有分类的下拉菜单等。通过示例代码展示了不同场景下的应用。

1、下拉式单选

2、显示所有选项

这里有两种，一直只能单选，一种可多选

 
          <
          select 
          size
          =
          "3"
          > 
         
          <
          option
          >上海</
          option
          > 
         
          <
          option
          >广州</
          option
          > 
         
          <
          option
          >深圳</
          option
          > 
         
          </
          select
          > 
         
          <
          select 
          multiple
          =
          "multiple" 
          size
          =
          "3"
          > 
         
          <
          option
          >上海</
          option
          > 
         
          <
          option
          >广州</
          option
          > 
         
          <
          option
          >深圳</
          option
          > 
         
          </
          select
          >

3、元素分类