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>


相关推荐
_OP_CHEN35 分钟前
【前端开发之CSS】(三)CSS 常用元素属性宝典(上):从字体到文本,手把手教你打造高颜值网页!
前端·css·html·网页开发·文本属性·字体属性·页面美化
松涛和鸣5 小时前
62、IIC通信解析
服务器·arm开发·单片机·嵌入式硬件·html
DreamNotOver6 小时前
Django 模板 {% if %} 标签空格被自动删除?VS Code 环境解决方案
django·html·格式化·空格
PieroPc6 小时前
FastAPI 和 Html+css+js 开发的 PDF打印服务器 连接到服务器的物理打印机打印
css·html·fastapi
戌中横15 小时前
JavaScript——Web APIs DOM
前端·javascript·html
yinmaisoft18 小时前
JNPF 表单模板实操:高效复用表单设计指南
前端·javascript·html
_OP_CHEN1 天前
【前端开发之CSS】(二)CSS 选择器终极指南:从基础到进阶,精准拿捏页面元素!
前端·css·html·网页开发·css选择器
ヤ鬧鬧o.1 天前
HTML安全密码备忘录
前端·javascript·css·html·css3
winfredzhang1 天前
使用 wxPython 构建文件编辑器与预览器:从零到一的完整实现
编辑器·html·markdown·预览·config
Web极客码1 天前
WordPress 6.8有哪些新特性
前端·javascript·html