php html 单选框选中,html如何实现表单的选择框效果？单选框与多选框的实现（代码实例）...

在使用表单提交数据的时候，为了减少用户的一些操作，使用选择框是一个好主意。本章给大家介绍html如何实现表单的选择框效果？单选框与复选框的实现(代码实例)。通过单选框代码和复选框代码实例，实现单选框样式和多选框样式，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

一、选择框种类与语法

html中有两种选择框，即单选框和复选框，两者的区别是单选框中的选项用户只能选择一项，而复选框中用户可以任意选择多项，甚至全选。

语法：

二、html单选框样式

html单选框代码：单选框你是否喜欢运动？

喜欢

不喜欢

无所谓

效果图：

三、html复选框样式

复选框主要是让网页浏览者在一组选项里可以同时选择多个选项。每个复选框都是一个独立的元素，都必须有唯一的一个名称。

html复选框代码 ：复选框你喜欢什么运动？

跑步

羽毛球

乒乓球

登山

效果图：

从上例可以看出：

当type="checkbox"时，选择框定义为复选框；

name属性： 定义复选框的名称，在同一组中的复选框使用不同的名称，但也可以定义为同一个名称(数组)，例：name[]；

value属性：定义复选框的值，在同一组中域值必须是不同。

四、选择框的name属性

在HTML表单中，无论是一组单选按钮(radio)还是一组复选框(checkbox)其中都要包含着name属性。这是为了方便在处理页面获取表单传递的值。

一组单选按钮(radio)：因为name属性里的值是相同，所以只有一个能被选中，在处理页面就直接获取，如$_GET['name']；

一组复选框(checkbox)：一般将name属性里的值设置为name[]，如果被选中，则在数组name[]中添加一个元素，在处理页面将如下获取值:if(!empty($_POST['name'])){

for($i=0; $i< count($_POST['name']); $i++){

echo $array[$i].'

';

}

}

这样就可以收集到表单复选框(checkbox)里传递来的多个不同数据。