- 1PS提示：因为图层已锁定，无法编辑图层的处理方法
- 2picacg苹果版怎么找不到|picacg ios版是不是下架了介绍
- 3Adobe Illustrator CS5 序列号大全
- 4ACDsee注册码免费分享（含ACDsee18、ACDsee10等版本）
- 5PDF浏览器能看3D文件吗？PDF浏览器看3D文件图文详细教程
- 6Potato(土豆聊天)怎么换头像|Potato app更改头像方法介绍
- 7Potato(马铃薯聊天)怎么注册不了|Potato不能注册处理方法介绍
- 8最新的Adobe Illustrator CS4序列号大全
- 9Intel i7-9700K性能跑分曝光：同代提升约12%
- 10qq邮件是否已读怎么看 QQ邮箱已经发出去的邮件怎么知道对方是否已经查看
- 11XP系统怎么清除缓存？
- 12AMD推土机架构回顾：虽陨落却是Zen成功的垫脚石
[摘要]在使用表单提交数据的时候，为了减少用户的一些操作，使用选择框是一个好主意。本章给大家介绍html如何实现表单的选择框效果？单选框与复选框的实现（代码实例）。通过单选框代码和复选框代码实例，实现单选框样式和多选框样式，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。一、选择框种类与语法...
在使用表单提交数据的时候，为了减少用户的一些操作，使用选择框是一个好主意。本章给大家介绍html如何实现表单的选择框效果？单选框与复选框的实现（代码实例）。通过单选框代码和复选框代码实例，实现单选框样式和多选框样式，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。一、选择框种类与语法
html中有两种选择框，即单选框和复选框，两者的区别是单选框中的选项用户只能选择一项，而复选框中用户可以任意选择多项，甚至全选。
语法：
<input type="radio/checkbox" value="值" name="名称" checked="checked"/>
二、html单选框样式
html单选框代码：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>单选框</title> </head> <body> <form name="form" method="post" action=""> 你是否喜欢运动？<br /> <input type="radio" name="radio" value="喜欢"/>喜欢 <input type="radio" name="radio" value="不喜欢"/>不喜欢 <input type="radio" name="radio" value="无所谓"/>无所谓 </form> </body> </html>
效果图：
从上例可以看出：
当type="radio"时，选择框定义为单选框；
name属性： 定义单选按钮的名称，单选按钮都是以组为单位使用的，在同一组中的单选项都必须用同一个名称；
value属性： 定义单选按钮的值，在同一组中域值必须是不同。
当设置 checked="checked" 时，该选项被默认选中,无论单选框还是复选框都可使用，如在单选框中：
三、html复选框样式
复选框主要是让网页浏览者在一组选项里可以同时选择多个选项。每个复选框都是一个独立的元素，都必须有唯一的一个名称。
html复选框代码 ：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>复选框</title> </head> <body> <form name="form" method="post" action=""> 你喜欢什么运动？<br /> <input type="checkbox" name="checkbox" value="跑步" checked="checked"/>跑步 <input type="checkbox" name="checkbox" value="羽毛球"/>羽毛球 <input type="checkbox" name="checkbox" value="乒乓球"/>乒乓球 <input type="checkbox" name="checkbox" value="乒乓球"/>登山 </form> </body> </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].'<br />';
}
}这样就可以收集到表单复选框（checkbox）里传递来的多个不同数据。
以上就是html如何实现表单的选择框效果？单选框与多选框的实现（代码实例）的详细内容，更多请关注php中文网其它相关文章！
网站建设是一个广义的术语，涵盖了许多不同的技能和学科中所使用的生产和维护的网站。
推荐资讯 总人气榜
最新教程 本月人气
- 1免费8组腾讯视频会员账号分享（2017.4.21）
- 2免费4组爱奇艺会员账号密码分享（2017.4.21）
- 3免费的芒果tv会员账号分享（2017.4.20）
- 4最新6组腾讯视频会员账号分享（2017.4.20）
- 5最新8组腾讯视频会员账号分享（2017.4.19）
- 6斗鱼tv酬勤是什么？斗鱼tv酬勤如何算？
- 7QQ影音合并多个音频文件的方法
- 82017NBA总决赛什么时候？2017NBA总决赛直播地址列表
- 9爱奇艺会员账号密码免费分享（2017.4.18）
- 10百度云会员账号免费分享（2017.4.18）
- 11免费6组腾讯视频会员账号共享（2017.4.27）
- 12腾讯视频会员账号共享（2017.4.26更新）
相关文章
- html空格代码是什么？html空格代码如何写？（总结）
- 什么是html文件？html格式如何打开？（图）
- 详谈HTML中script标签（附代码）
- 使用HTML+CSS设计一个容易的用户注册页面【示例】
- html base标签有什么作用?base标签的作用区分(附案例)
- html base标签如何用？html base标签的用法总结
- html input标签的属性有哪一些？input标签的用法总结（附案例）
- html搜索框如何设置？html搜索框input标签的使用方法案例
- html中的label标签如何设置高度？label标签的使用方法说明
- html label标签的作用是什么？html label标签的用法方法详细说明
- html label标签的for属性有什么作用？对于label标签的for属性说明
- html button标签如何使用？html button标签有什么作用？
