HTML5零基础-15-select

最新推荐文章于 2024-12-16 16:52:23 发布

Wock1

最新推荐文章于 2024-12-16 16:52:23 发布

阅读量349

点赞数

CC 4.0 BY-SA版权

分类专栏： HTML5 文章标签： html5

本文链接：https://blog.youkuaiyun.com/quirkmask/article/details/118852603

HTML5 专栏收录该内容

16 篇文章

订阅专栏

本文是HTML5零基础系列教程的一部分，主要介绍<select>元素的使用。通过学习，你可以掌握如何创建下拉菜单，设置选项，以及与表单交互的基本方法，为网页添加更丰富的交互体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>select</title>
</head>
<!--
    下拉框
        select 下拉框标签
        option 下拉框的选项标签

        select的常用属性
            multiple 设置下拉框可多选
            size 设置下拉框可见选项数
            disabled 禁用元素
        option的常用属性
            selected 默认选中项
            disabled 禁用某一个选项
            value   提交给服务器的选项值(如果设置了value属性值,则提交的是value的值)
                                     如果未设置,则提交option双标签中的文本值
-->
<body>
    <select name="city" disabled="disabled"  >
        <option>shanghai</option>
        <option>beijing</option>
        <option>shenzhen</option>

    </select>


    <select name="city" multiple="multiple" size="4">

        <option value="">请选择城市</option>
        <option disabled="disabled">shanghai</option>
        <option selected="selected">beijing</option>
        <option>shenzhen</option>
        <option>shanghai</option>
        <option>beijing</option>
        <option>shenzhen</option>
        <option>shanghai</option>
        <option>beijing</option>
        <option>shenzhen</option>

    </select>
</body>
</html>