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>


相关推荐
rannn_1112 小时前
【Javaweb学习|黑马笔记|Day1】初识,入门网页,HTML-CSS|常见的标签和样式|标题排版和样式、正文排版和样式
css·后端·学习·html·javaweb
Tony小周1 天前
qml 实现数值键盘
前端·javascript·html
前端老鹰1 天前
HTML <link rel=“preload“>:提前加载关键资源的性能优化利器
前端·性能优化·html
白云~️2 天前
html img标签设置默认图片,防止图片路径不存在导致图片不展示影响页面美观
java·前端·html
xixixin_2 天前
【HTML】在页面中画一条0.5px的线
前端·css·uni-app·html·css3
羊锦磊2 天前
[ HTML 前端 ] 语法介绍和HBuilderX安装
java·开发语言·前端·html
chinahcp20082 天前
CSS保持元素宽高比,固定元素宽高比
前端·css·html·css3·html5
逆风优雅2 天前
vue实现模拟 ai 对话功能
前端·javascript·html
不羁。。2 天前
【web站点安全开发】任务3:网页开发的骨架HTML与美容术CSS
前端·css·html
前端Hardy2 天前
HTML&CSS:有趣的小铃铛
javascript·css·html