第二章网站开发基础之HTML教程 - 二、常用HTML标签：select，下拉选择框（内联元素）

最新推荐文章于 2023-09-30 17:56:47 发布

陈子2005

最新推荐文章于 2023-09-30 17:56:47 发布

阅读量451

点赞数 1

分类专栏：陈子-零基础网站开发教程文章标签： java html 大数据 css 前端

本文链接：https://blog.youkuaiyun.com/klyz505/article/details/105441667

版权

本文介绍了HTML中的select和option标签，讲解了select标签的size和multiple属性，以及布尔值属性如readonly、disabled、checked的使用。重点讨论了multiple属性在多选下拉列表中的应用和XHTML规范中的属性赋值要求。

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

2.select，下拉选择框（内联元素）

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>select标签</title>
</head>
<body>
例1：
<select name="love">
<option value="巧克力">巧克力</option>
<option value="糖果">糖果</option>
<option value="蛋糕">蛋糕</option>
</select> &nbsp; &nbsp;
例2：
<select name="love" size="5" multiple="multiple">
<option value="巧克力">巧克力</option>
<option value="糖果">糖果</option>
<option value="蛋糕">蛋糕</option>
</select>
</body>
</html>

效果如下：