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的注释写法
html
甜美的小天鹅8 小时前
TDD in HTML & JavaScript 概述
javascript·html·tdd
AI行业学习9 小时前
Notepad++ 官方纯净下载+完整安装教程(Windows)【2026.7.5】
开发语言·windows·python·前端框架·html·notepad++
红糖奶茶9 小时前
如何新建html文件
前端·html
AI行业学习10 小时前
2026 版 Notepad++ 完整图文安装指南|官方渠道无捆绑,一键切换中文界面
开发语言·人工智能·python·html·notepad++
Rauser Mack11 小时前
Vibe coding游戏实战:零代码编程五子棋小游戏
人工智能·python·游戏·html·prompt
AI行业学习21 小时前
Notepad++ 官方下载 + 完整安装 + 全套优化配置(2026最新)
开发语言·人工智能·python·前端框架·html·notepad++
2501_930707782 天前
如何将HTML文件转换为纯文本(详细步骤指南)
前端·html
ZhengEnCi10 天前
Q02-Vue-React-index.html完全指南
vue.js·react.js·html
牧艺11 天前
HTML-in-Canvas 深度解析:让 Canvas 真正「吃上」HTML 这碗饭
前端·html·canvas