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文档


相关推荐
feixing_fx18 分钟前
选择器的威力——深入理解优先级计算与层叠规则
开发语言·前端·css·前端框架·html
星空3 小时前
html\css\js入门
javascript·css·html
ShyanZh5 小时前
【skill】HTML-PPT:36主题31布局的专业HTML演示文稿工作室
ai·html·powerpoint·html-ppt
烤代码的吐司君6 小时前
Redis 服务配置与使用
前端·bootstrap·html
xinhuanjieyi21 小时前
html修复游戏种太阳错误
前端·游戏·html
LaughingZhu1 天前
Product Hunt 每日热榜 | 2026-06-11
人工智能·经验分享·神经网络·html·产品运营
ShyanZh1 天前
【skill】HTML PPT Skill:用 Claude Code 一句话生成专业演示文稿
前端·ai·html·powerpoint·skill
m0_547722921 天前
从零搭建乒乓球比赛管理系统——Spring Boot + 原生 HTML 实战
spring boot·后端·html
在水一缸1 天前
重塑前端开发认知:当 AI 遇见 HTML 的“不合理有效性”
前端·人工智能·html·ai编程·claude·前端开发
jnene2 天前
html 时间、价格筛选样式处理
前端·css·html