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


相关推荐
程序员刘禹锡1 小时前
Html中常用的块标签!!!12.16日
前端·html
狮智先生2 小时前
【编程实践】PySide6 + Plotly + Pandas 开发HTML数据分析报告
程序人生·plotly·html·pandas
GDAL2 小时前
HTML 实现登录状态记录 深入全面讲解教程
前端·html·登录验证
GDAL3 小时前
HTML Form 深入全面讲解教程
html·form
Echo flower3 小时前
使用Java将HTML内容转换为Word文档
java·html·word
橙 子_3 小时前
在 Amazon Bedrock 中推出 Claude Sonnet 4.5:Anthropic 最智能的模型,最适合编码和复杂代理
人工智能·python·云原生·html
苏打水com20 小时前
第十九篇:Day55-57 前端工程化进阶——从“手动低效”到“工程化高效”(对标职场“规模化”需求)
前端·css·vue·html
TE-茶叶蛋21 小时前
html5-qrcode扫码功能
前端·html·html5
2501_9064676321 小时前
HTML5结合Vue3实现百万文件分块上传的思路是什么?
前端·html·html5·vue上传解决方案·vue断点续传·vue分片上传下载·vue分块上传下载