为下拉菜单中的选择分组

已转行@

于 2021-09-30 19:58:16 发布

阅读量750

点赞数 1

分类专栏：从零学习HTML5 文章标签： html html5

原文链接：https://www.ptpress.com.cn

版权

HTML 下拉菜单选项分组 optgroup 前端开发

关键词由CSDN通过智能技术生成

从零学习HTML5 专栏收录该内容

57 篇文章 13 订阅

订阅专栏

下面演示为下拉菜单中的选项分组的方法和效果

效果图：

在这里插入图片描述

代码如下：

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>为下拉菜单中的选择分组</title>
</head>
<body>
	<form action="#" method="post">
		城市：<br/>
		<select>
			<opgroup label="北京">
				<option>东城区</option>
				<option>西城区</option>
				<option>朝阳区</option>
				<option>海淀区</option>
			</opgroup>
			<opgroup label="上海">
				<option>浦东新区</option>
				<option>徐汇区</option>
				<option>虹口区</option>
			</opgroup>
		</select>
	</form>
</body>
</html>