当前位置: 首页 > article >正文

HTML——72. 下拉列表分组(下拉列表中多选)

<!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>

在这里插入图片描述
在这里插入图片描述


http://www.kler.cn/a/470030.html

相关文章:

  • unity学习13:gameobject的组件component以及tag, layer 归类
  • 黄仁勋演讲总结(2种显卡,1个开源大模型,1个数据采集平台)
  • 缓存-Redis-缓存更新策略-主动更新策略-Cache Aside Pattern(全面 易理解)
  • Flutter Web 选取并上传图片
  • 【51单片机】02LED流水灯实验
  • Kali系统(Debian 10.3) 遇到的问题
  • STM32 I2C通信外设
  • 用ResNet50+Qwen2-VL-2B-Instruct+LoRA模仿Diffusion-VLA的论文思路,在3090显卡上训练和测试成功
  • frameworks 之 Winscope 工具
  • 5. CSS引入方式
  • 安装和配置 Apache 及 PHP
  • 【蓝桥杯——物联网设计与开发】Part1:GPIO
  • AWS ELB基础知识
  • 题库刷题知识点总结
  • 如何用gunicorn部署python的web应用
  • LLM - 使用 LLaMA-Factory 部署大模型 HTTP 多模态服务 教程 (4)
  • 三甲医院等级评审八维数据分析应用(八)--数据治理的持续改进与反馈机制篇
  • 桌面运维岗面试三十问
  • vue3中onUpdated钩子函数和nextTick的具体使用场景和区别
  • Unix 域协议汇总整理
  • 我用Ai学Android Jetpack Compose之Text
  • Vmware安装centos
  • 在 Ubuntu 22.04 上部署 AppArmor 应用安全教程
  • 芋道源码(无遮羞布版)Spring Boot 全景指南
  • Federation机制的实现
  • b612相机 13.5.5解锁会员hook