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


相关推荐
Data_Journal4 小时前
如何使用 Python 解析 HTML
python·html
java1234_小锋10 小时前
【技术专题】HTML5 网页技术 - HTML5 Canvas 基础以及动画入门
前端·html·html5
keyipatience19 小时前
TypeScript学习(1)
前端·javascript·学习·typescript·html·css3
java1234_小锋1 天前
【技术专题】HTML5 网页技术 - HTML5 语义化标签
前端·html·html5
asdzx671 天前
C# 将 HTML 转换为 PDF:基于 Chrome 的转换方案
pdf·c#·html
王大师王文峰1 天前
HTML 入门到进阶:语义化标签、表单与多媒体一篇打通【语义化布局、表单校验、video/audio、Canvas、无障碍与 SEO】
前端·css·node.js·html·css3·jquery·html5
java1234_小锋2 天前
【技术专题】HTML5 网页技术 - HTML5 表单基础以及增强
前端·html·html5
燕落南枝2 天前
HTML 学习:辅助标签 label 与字符实体
前端·学习·html
燕落南枝2 天前
HTML 表单入门:表单容器、文本框与密码框属性详解
前端·microsoft·html
燕落南枝2 天前
HTML 学习:input 单选、复选与文件域详解
服务器·学习·html