表单进阶(4)-下拉菜单

  select支持:

       1.size显示几个

        2.multiple同时选中多个

        如果用select,option必须设置value值

 option支持的属性:

        1.value,提供给后端的值

        2.selected,默认选中

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>下拉菜单</title>
</head>
<body>
    <h1>下拉菜单</h1>
    <div>
        <div>收货地址</div>
        <!-- 
            select支持:
            1.size显示几个
            2.multiple同时选中多个
            如果用select,option必须设置value值
        -->
        <!-- 
            option支持的属性:
            1.value,提供给后端的值
            2.selected,默认选中 
        -->
        <select size="3">
            <option value="hb">河北</option>
            <option value="">山东</option>
            <option value="">山西</option>
            <option value="">北京</option>
            <option selected>辽宁</option>
        </select>
    </div>
    <div>
        <select size="3" multiple>
            <option value="">桌子</option>
            <option value="">椅子</option>
            <option value="">凳子</option>
            <option value="">床</option>
            <option value="" selected>电脑</option>
        </select>
    </div>
</body>
</html>

相关推荐

  1. 4)-菜单

    2024-03-10 08:40:04       36 阅读
  2. html导航栏+菜单+验证

    2024-03-10 08:40:04       39 阅读
  3. css实现二级导航菜单

    2024-03-10 08:40:04       52 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-03-10 08:40:04       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-03-10 08:40:04       100 阅读
  3. 在Django里面运行非项目文件

    2024-03-10 08:40:04       82 阅读
  4. Python语言-面向对象

    2024-03-10 08:40:04       91 阅读

热门阅读

  1. 大型语言模型的智能助手:检索增强生成(RAG)

    2024-03-10 08:40:04       42 阅读
  2. 编程笔记 html5&css&js 005 小学数学四则运算练习

    2024-03-10 08:40:04       40 阅读
  3. [力扣 Hot100]Day46 二叉树展开为链表

    2024-03-10 08:40:04       41 阅读
  4. 面试中如何介绍zookeeper的ZAB协议

    2024-03-10 08:40:04       39 阅读
  5. .Net Core/.net 6/.Net 8 实现Mqtt服务器

    2024-03-10 08:40:04       34 阅读
  6. 【杂言】迟到的 2024 展望

    2024-03-10 08:40:04       39 阅读
  7. 程序员如何选择职业赛道?

    2024-03-10 08:40:04       44 阅读
  8. rabbitmq4

    rabbitmq4

    2024-03-10 08:40:04      35 阅读
  9. 题目 1908: 蓝桥杯-矩阵相乘

    2024-03-10 08:40:04       36 阅读
  10. 3.Rust数据类型

    2024-03-10 08:40:04       38 阅读
  11. 【C++ 学习】C++ 传值 传指针 传引用

    2024-03-10 08:40:04       39 阅读
  12. 防抖与节流

    2024-03-10 08:40:04       39 阅读