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>


相关推荐
ZC跨境爬虫18 小时前
海南大学交友平台登录页开发实战day6(覆写接口+Flask 本地链接正常访问)
前端·后端·python·flask·html
iReachers1 天前
HTML打包EXE三种加密方式对比:静态密码、离线一机一码、网络验证
html·html转exe·html打包exe·html一键打包exe工具
05Nuyoah1 天前
第一阶段:HTML的笔记
前端·笔记·html
华科大胡子2 天前
HTML头部元信息避坑
html
ZC跨境爬虫2 天前
Scrapy实战:5sing原创音乐网多页数据爬取(完整可运行,附避坑指南)
爬虫·python·scrapy·html
周末也要写八哥2 天前
HTML网页设计入门之“做前端”的基本思路
前端·html
aq55356002 天前
Laravel7.x重磅升级:十大新特性解析
开发语言·汇编·c#·html
ZC跨境爬虫2 天前
海南大学交友平台开发实战 day11(实现性别图标渲染与后端数据关联+Debug复盘)
前端·python·sqlite·html·json
妃衣2 天前
html页面,富文本转word 、Html to Word(docx)
前端·html·word·html转word
爱上好庆祝2 天前
clip-path裁剪,css的滤镜,动画时间线,css的变量和函数
前端·css·学习·html·css3