html中的单选按钮radio如何实现可同时选中多个值进行表单提交

最新推荐文章于 2024-05-10 09:46:16 发布

清风伴长卷

最新推荐文章于 2024-05-10 09:46:16 发布

阅读量1.1w

点赞数

分类专栏： HTML 文章标签： html radio checkbox

本文链接：https://blog.csdn.net/yds303999450/article/details/77416024

版权

HTML 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

为了便于学习，我们将单选按钮radio和复选框checkbox作对比：

具体代码如下：

****************************************************test.html文件如下**************************************************************************

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title></title>
<style type="text/css">
	
</style>
</head>
<body>
<!--*************************单选按钮***********************************-->
<form action="./test.php" method="post">
	<input type="radio" name="sex[1]" value="男" />男
	<input type="radio" name="sex[2]" value="女" />女
<!--*************************复选框按钮***********************************-->
	<p><input type="checkbox" name="hobby[]" value="篮球" />篮球
	<input type="checkbox" name="hobby[]" value="足球" />足球
	<input type="checkbox" name="hobby[]" value="排球" />足球
	</p>
	<input type="submit" value="提交">
</form>
</body>
</html>

********************************************************test.php文件如下**********************************************************************

<?php
header("content-type:text/html;charset=utf-8");
echo '<pre>';
var_dump($_POST);
?>

清风伴长卷

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
html中的单选按钮radio如何实现可同时选中多个值进行表单提交

为了便于学习，我们将单选按钮radio和复选框checkbox作对比：具体代码如下：****************************************************test.html文件如下**************************************************************************
复制链接

扫一扫