HTML——67. 复选框

html 复制代码
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>复选框</title>
	</head>
	<body>
		<!--input元素的type属性:(必须要有)-->	
		
		<!--复选框:(如用户爱好选择等可以一次选多个的框)
			1.type="checkbox"(复选框属性)
			2.name属性值必须设置成相同属性值,在属性值后加上中括号(很关键)
			(name="sg"如果这样写不管你选几个发送给服务器,服务器只能接受你的一个选项,要想让服务器全部接收,那必须把name属性设置成数组形式才行,然后php文档中写数组遍历输出才行,这样你所选的全部服务器才能全部接收到)
			3.向服务器发送的是value值
			4.可以通过checked设置默认选取状态,再次单击取消选取
			-->	
		
		<form action="http://127.0.0.1/520ww.php" method="post">
			姓别:<input type="text" name="uname" />
			<br />
			喜欢的水果:
				<input type="checkbox" name="sg[]" value="选了苹果" />苹果
				<input type="checkbox" name="sg[]" value="选了香蕉" />香蕉
				<input type="checkbox" name="sg[]" value="选了葡萄" />葡萄
			<br />
			<input type="submit" />
			
		</form>
		
	</body>
</html>

PHP文档


相关推荐
前端老鹰4 小时前
HTML <meta name="color-scheme">:自动适配系统深色 / 浅色模式
前端·css·html
全宝7 小时前
🚀前端必学!告别样式冲突:Shadow DOM 终极指南
前端·javascript·html
前端老鹰1 天前
CSS backdrop-filter:给元素背景添加模糊与色调的高级滤镜
前端·css·html
杨超越luckly1 天前
HTML应用指南:利用POST请求获取上海黄金交易所金价数据
前端·信息可视化·金融·html·黄金价格
前端程序猿i1 天前
用本地代理 + ZIP 打包 + Excel 命名,优雅批量下载跨域 PDF
前端·javascript·vue.js·html
遗悲风1 天前
html二次作业
前端·html
中草药z1 天前
【自动化测试】Selenium详解-WebUI自动化测试
前端·功能测试·selenium·自动化·html·web·测试
步行cgn2 天前
在 HTML 表单中,name 和 value 属性在 GET 和 POST 请求中的对应关系如下:
前端·hive·html
找不到工作的菜鸟2 天前
Three.js三大组件:场景(Scene)、相机(Camera)、渲染器(Renderer)
前端·javascript·html
微小的xx2 天前
java + html 图片点击文字验证码
java·python·html