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>


相关推荐
我在北京coding5 小时前
6套bootstrap后台管理界面源码
前端·bootstrap·html
技术小丁10 小时前
使用 HTML + JavaScript 实现自定义富文本编辑器开发实践(附完整代码)
前端·javascript·html
代码搬运媛13 小时前
React 中 HTML 插入的全场景实践与安全指南
安全·react.js·html
lljss202016 小时前
html文字红色粗体,闪烁渐变动画效果,中英文切换版本
css·html·css3
疯狂的沙粒16 小时前
在web-view 加载的本地及远程HTML中调用uniapp的API及网页和vue页面是如何通讯的?
前端·uni-app·html
小妖66616 小时前
html 滚动条滚动过快会留下边框线
前端·html
CodeBlossom1 天前
javaweb -html -CSS
前端·javascript·html
鱼馅饼1 天前
vscode使用系列之快速生成html模板
ide·vscode·html
然我1 天前
JavaScript的OOP独特之道:从原型继承到class语法
前端·javascript·html
冷凌爱1 天前
总结HTML中的文本标签
前端·笔记·html