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>


相关推荐
顾安r10 小时前
11.14 脚本网页 迷宫逃离
服务器·javascript·游戏·flask·html
顾安r11 小时前
11.14 脚本网页游戏 猜黑红
前端·javascript·游戏·flask·html
BBB努力学习程序设计15 小时前
了解响应式Web设计:viewport网页可视区域
前端·html
顾安r17 小时前
11.14 脚本网页 青蛙过河
服务器·前端·python·游戏·html
十年磨一剑~1 天前
html+js开发一个测试工具
javascript·css·html
汪汪队立大功1231 天前
JavaScript是怎么和html元素关联起来的?
开发语言·javascript·html
码银1 天前
docsify 本地部署完整配置模板 || 将md文件放到网页上展示
html·docsify·md
火鸟21 天前
给予虚拟成像台尝鲜版十之二,完善支持 HTML 原型模式
前端·html·原型模式·通用代码生成器·给予虚拟成像台·快速原型·rust语言
程序猿_极客2 天前
【期末网页设计作业】HTML+CSS+JS 美食分享主题网站设计与实现(附源码)
javascript·css·html
BBB努力学习程序设计2 天前
Canvas绘图基础:坐标、线条与圆形的艺术
前端·html