html怎么实现表单的选择框效果

　　介绍

小编给大家分享一下html怎么实现表单的选择框效果,希望大家阅读完这篇文章后大所收获、下面让我们一起去探讨吧!

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

语法:

& lt;输入类型=拔尴叩?checkbox"value=https://www.yisu.com/zixun/"值" name="名称“检查="检查"/>

<强>

& lt; !DOCTYPE html> 　　& lt; html> 　　& lt; head> 　　& lt;元charset=癠TF-8"祝辞 　　& lt; title>单选框& lt;/title> 　　& lt;/head> 　　& lt; body> 　　& lt;表单名称=癴orm"方法=皃ost"action=啊氨? 　　你是否喜欢运动? & lt; br/比; 　　& lt;输入类型=皉adio"name=皉adio"值=https://www.yisu.com/zixun/毕不?/>喜欢 　　无所谓> 　　

效果图:

html怎么实现表单的选择框效果

从上例可以看出:

当类型=皉adio"时,选择框定义为单选框;

名称属性:定义单选按钮的名称,单选按钮都是以组为单位使用的,在同一组中的单选项都必须用同一个名称;

价值属性:定义单选按钮的值,在同一组中域值必须是不同。

当设置检查=癱hecked"时,该选项被默认选中,无论单选框还是复选框都可使用,如在单选框中:

html怎么实现表单的选择框效果

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

html复选框代码:

& lt; !DOCTYPE html> 　　& lt; html> 　　& lt; head> 　　& lt;元charset=癠TF-8"祝辞 　　& lt; title>复选框& lt;/title> 　　& lt;/head> 　　& lt; body> 　　& lt;表单名称=癴orm"方法=皃ost"action=啊氨? 　　你喜欢什么运动? & lt; br/比; 　　& lt;输入类型=癱heckbox"name=癱heckbox"值=https://www.yisu.com/zixun/迸懿健凹觳? "检查"/>跑步 　　乒乓球 　　

从上例可以看出:

当类型=癱heckbox"时,选择框定义为复选框;

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

价值属性:定义复选框的值,在同一组中域值必须是不同。

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

一组单选按钮(单选):因为名称属性里的值是相同,所以只有一个能被选中,在处理页面就直接获取,如$ _GET[& # 39;名字# 39;];

一组复选框(复选框):一般将名字属性里的值设置为[],如果被选中,则在数组名称[]中添加一个元素,在处理页面将如下获取值:

如果(!空($ _POST[& # 39;名字# 39;])){ 　　($ i=0;i<美元;count ($ _POST[& # 39;名字# 39;]);$我+ +){ 　　echo $ array[我]美元强生# 39;& lt; br/祝辞& # 39;; 　　} 　　}

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

看完了这篇文章,相信你对html怎么实现表单的选择框效果有了一定的了解,想了解更多相关知识,欢迎关注行业资讯频道,感谢各位的阅读!

html怎么实现表单的选择框效果