HTML——72. 下拉列表分组(下拉列表中多选)

html 复制代码
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>下拉列表分组</title>
	</head>
	<body>
		<!--select:
			1.表示创建下拉列表
			2.size属性设置列表中显示多少个列表项
			3.multiple属性可以定义下拉分组多选
			4.多选时,name属性值后应加上"[]",数组新式,发到服务器以遍历数组的方式发送过来
		
		option:
			1.表示每一个下拉列表项
			2.往服务器中发送的是value值
		
		optgroup:
			1.用来对option(对下拉表中的内容进行分组)进行分组
			2.label属性设置分组名称
		-->
		
		<form action="http://127.0.0.1/520ww1.php" method="post">
			到过的省市:<br />
			<select name="abc[]" size="3" multiple style="width: 200px;height: 150px;">
				<optgroup label="东北">
					<option value="a">辽宁</option>
					<option value="b">吉林</option>
					<option value="c">黑龙江</option>	
				</optgroup>
				<optgroup label="西南">
					<option value="d">四川</option>
					<option value="e">云南</option>
					<option value="f">贵州</option>	
				</optgroup>
			</select>
			<input type="submit" value="提交"/>
		</form>
		
		
		
		
		
	</body>
</html>


相关推荐
隔窗听雨眠6 分钟前
HTML头部元信息避坑指南
前端·html
Wect1 小时前
HTML5 原生拖拽 API 基础原理与核心机制
前端·面试·html
shadowcz0072 小时前
CHI 2026 归来:AI/LLM 正在重写人机交互的底层语法
前端·人工智能·html·人机交互
fqrj20262 小时前
网站建设公司怎么选?国内口碑网站建设公司推荐哪家?
大数据·人工智能·html·网站开发
之歆2 小时前
Day01_HTML 基础知识完全指南:从零开始的 Web 开发之旅
前端·html
yivifu3 小时前
接近完善的HTML双行夹批显示方案
前端·javascript·html·html双行夹批
捧月华如3 小时前
HTML/CSS基础:构建网页的骨架与样式
前端·css·html
赵庆明老师19 小时前
vben开发入门5:vite.config.ts
前端·html·vue3·vben
青花瓷1 天前
在PyCharm的Django工程中修改初始页
css·html·css3
幽络源小助理1 天前
二维码生成与解析工具HTML源码_纯前端响应式二维码制作_幽络源源码
前端·html