html表单设置单选框,html如何实现表单的选择框效果？单选框与多选框的实现（代码实例）...
在使⽤表单提交数据的时候，为了减少⽤户的⼀些操作，使⽤选择框是⼀个好主意。本章给⼤家介绍html如何实现表单的选择框效果？单选框与复选框的实现(代码实例)。通过单选框代码和复选框代码实例，实现单选框样式和多选框样式，有⼀定的参考价值，有需要的朋友可以参考⼀下，希望对你有所帮助。
⼀、选择框种类与语法
html中有两种选择框，即单选框和复选框，两者的区别是单选框中的选项⽤户只能选择⼀项，⽽复选框中⽤户可以任意选择多项，甚⾄全选。
语法：
⼆、html单选框样式
html单选框代码：
单选框 你是否喜欢运动？喜欢 不喜欢 ⽆所谓
效果图：
从上例可以看出：
当type="radio"时，选择框定义为单选框；
name属性： 定义单选按钮的名称，单选按钮都是以组为单位使⽤的，在同⼀组中的单选项都必须⽤同⼀个名称；
value属性： 定义单选按钮的值，在同⼀组中域值必须是不同。
当设置 checked="checked" 时，该选项被默认选中,⽆论单选框还是复选框都可使⽤，如在单选框中：
三、html复选框样式
复选框主要是让⽹页浏览者在⼀组选项⾥可以同时选择多个选项。每个复选框都是⼀个独⽴的元素，都必须有唯⼀的⼀个名称。
html复选框代码 ：
复选框 你喜欢什么运动？跑步 ⽻⽑球 乒乓球 登⼭
效果图：
从上例可以看出：
当type="checkbox"时，选择框定义为复选框；
name属性： 定义复选框的名称，在同⼀组中的复选框使⽤不同的名称，但也可以定义为同⼀个名称(数组)，例：name[]；
value属性：定义复选框的值，在同⼀组中域值必须是不同。
html中提交表单用什么属性四、选择框的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)⾥传递来的多个不同数据。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。