select 下拉框实现 placeholder 效果

最新推荐文章于 2024-10-15 14:04:17 发布

小白的奋斗历程

最新推荐文章于 2024-10-15 14:04:17 发布

阅读量2.2w

点赞数 2

文章标签： html/css

本文链接：https://blog.csdn.net/qq_33269520/article/details/80757294

版权

本文提供了一个简单的HTML代码示例，展示了如何创建一个带有默认禁用选项的下拉选择菜单，并通过不同的属性如selected、disabled及hidden来控制菜单项的显示效果。

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

代码段：

<select>
        <option value="1" selected disabled style="display: none;">--请选择--</option>
        <option value="2">可乐</option>
        <option value="3">橙汁</option>
        <option value="4">雪碧</option>
        <option value="5">牛奶</option>
</select>

<select>
        <option value="1"  hidden>--请选择--</option>
        <option value="2">可乐</option>
        <option value="3">橙汁</option>
        <option value="4">雪碧</option>
        <option value="5">牛奶</option>
    </select>